How to Adjust Transparent Menu Bar Below Map

This topic contains 17 replies, has 7 voices, and was last updated by  Gamer 9 years, 9 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • May 10, 2014 at 6:48 pm #1731

    directory
    Expired Member
    Post count: 1502

    How can I make the transparent menu bar use full width to match the map?

    I noticed drinking.directory has only 2 custom post types but the transparent menu bar spreads across the entire width of the page.

    May 11, 2014 at 12:07 am #1744

    Guust
    Moderator
    Post count: 29970

    I think you have to change the CSS. It currently says

    .map-places-listing {
    max-width: 960px;
    }

    You can change that to

    .map-places-listing {
    max-width: 100%;
    }

    Note for Stiofan: Actually, I think that always needs to be 100% as it always is supposed to be 100% of the map.

    May 11, 2014 at 12:11 am #1745

    directory
    Expired Member
    Post count: 1502

    Thank you, Guust. I tried looking for the file to edit but can’t figure out which one. Do you know which file?

    May 11, 2014 at 12:17 am #1746

    Guust
    Moderator
    Post count: 29970

    Just add it to GDF Options > Quick code > CSS Code

    May 11, 2014 at 12:36 am #1748

    directory
    Expired Member
    Post count: 1502

    Thank you, Guust.

    May 11, 2014 at 12:58 am #1750

    directory
    Expired Member
    Post count: 1502

    How about the white background or line that shows up behind the transparent menu bar? How can I get it rid of it? If you look at drinking.directory, it doesn’t have that.

    May 11, 2014 at 4:11 am #1754

    Guust
    Moderator
    Post count: 29970

    Add margin-top: -40px; as per below in your CSS

    .map-places-listing {
    max-width: 100%;
    margin-top: -40px;
    }

    Maybe Stiofan is fine-tuning the CSS for the next update, I bet he will make these little improvements, and that is maybe why his site looks different already.

    For your reference, you might try to get your head around the “Inspect element” feature of Firefox; that’ll help you understand the CSS and what to do about it: http://getfirebug.com

    May 11, 2014 at 5:33 pm #1767

    Paolo
    Site Admin
    Post count: 31206

    Guust is correct, the theme framework is a beta and still needs fine tuning.

    Next release will clean out all these minor issues.

    May 12, 2014 at 7:16 am #1801

    Vikas
    Full Member
    Post count: 1128

    Hi,
    Thanks Guust for replying during weekend.

    May 12, 2014 at 3:05 pm #1843

    Galih Kusumah
    Free User
    Post count: 28

    Hi there,

    How to activate the transparent menu?
    Mine doesnt shows.

    Thanks

    May 12, 2014 at 9:09 pm #1867

    Guust
    Moderator
    Post count: 29970

    How to activate the transparent menu?

    You got to have at least one custom post type activated, I think. It seems you only have one custom type, Places.
    https://wpgeodirectory.com/addons/custom-post-types/

    May 12, 2014 at 9:11 pm #1868

    Galih Kusumah
    Free User
    Post count: 28

    oh…

    I see. Thanks a lot Guust

    May 12, 2014 at 9:52 pm #1869

    directory
    Expired Member
    Post count: 1502

    Hey Guust,

    Thank you for being helpful. We truly appreciate it.

    June 2, 2014 at 6:38 pm #3439

    Patrick
    Lifetime Member
    Post count: 86

    I would like to know how to disable both the place listings and categories overlay on the map.

    Thanks!

    June 3, 2014 at 2:17 pm #3498

    Vikas
    Full Member
    Post count: 1128

    Hi,

    There is not such option at this moment, you can use css to hide those panels only.

    Thanks

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 18 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket