GeoDirectoryV2 Move logo to the center above the search bar in the home page

This topic contains 34 replies, has 3 voices, and was last updated by  Alex Rollin 5 years, 4 months ago.

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

Open Support Ticket
  • Author
    Posts
  • January 17, 2020 at 7:02 am #526107

    bigcheese
    Expired Member
    Post count: 18

    Hello I’m pretty new to this and was in need of assistance. I am trying to center the logo above the search bar of the Supreme theme now I have used this css:

    .site-logo-wrap {
    display:block!important;
    width:500px!important;
    margin: 0 auto !important;
    }

    .sd-homepage .featured-area, .sd-location .featured-area {
    height: 58vh!important;
    }

    which works fine but I noticed two flaws in this code(I will also post pics).
    1. It seems it raises the map when I apply this code (attached picture of how it looked before applying code which is my desired size).
    2. When switching to mobile phone view the logo is just overlapping the search bar.

    Please help I would really appreciate it. Sorry for being noob.

    Site: nugquest.com

    January 17, 2020 at 7:08 am #526111

    Kor
    Moderator
    Post count: 16516

    Hi bigcheese,

    Thanks for your post. Please share your Website URL here in question and I’ll check this out for you asap!

    January 17, 2020 at 7:15 am #526112

    bigcheese
    Expired Member
    Post count: 18
    This reply has been marked as private.
    January 20, 2020 at 5:30 am #526483

    bigcheese
    Expired Member
    Post count: 18

    So I have removed the previous css code I have posted before, and now wondering how I could get rid of the sidebar outline from the front of my page.

    January 20, 2020 at 6:40 am #526488

    Kor
    Moderator
    Post count: 16516

    Hi big cheese,

    Thanks for your reply. Use the code below and I hope it helps. 

    .sd .entry-content.sidebar-right {
    border-right: 0px;
}
    January 20, 2020 at 6:45 am #526489

    bigcheese
    Expired Member
    Post count: 18

    Thank you so much it worked like a charm!

    Sorry to be a pest but do you think you can provide a css code that will center my header logo above the search bar?

    Thank you!

    January 20, 2020 at 7:00 am #526490

    Kor
    Moderator
    Post count: 16516

    Hi bigcheese,

    You can use the custom CSS code below. 

    header#site-header {text-align: center;}
    January 20, 2020 at 8:00 am #526497

    bigcheese
    Expired Member
    Post count: 18

    Beautiful, now I have messed with the sizing and it looks great when viewed on a mobile phone but on the desktop it’s still a big gap between the header, and search bar. I have attached a picture with a marking of where I would like the logo to be if it’s possible could you provide assistance?

    January 20, 2020 at 4:41 pm #526590

    Kor
    Moderator
    Post count: 16516

    Hi bigcheese,

    Thanks for your reply. You can use the custom CSS code below. 

    .header-wrap {

    margin-top: -100px;
}
    January 21, 2020 at 11:12 pm #526790

    bigcheese
    Expired Member
    Post count: 18
    This reply has been marked as private.
    January 22, 2020 at 6:36 am #526812

    Kor
    Moderator
    Post count: 16516

    Hi there,

    Thanks for your reply. We have exactly the custom CSS code that allows you to customize this page. Kindly refer to https://wpgeodirectory.com/docs-v2/themes/supreme/#css-single .

    February 10, 2020 at 11:29 pm #529736

    bigcheese
    Expired Member
    Post count: 18
    This reply has been marked as private.
    February 11, 2020 at 5:45 pm #529844

    bigcheese
    Expired Member
    Post count: 18

    Please disregard I have already fixed. But I did have a question about adding a menu option for my website (please look at attachment) I have added a shortcode tab to the places>settings>tabs in wordpress to add a custom menu to a specific business but its populating in all the places. I was wondering if there is a way I can add unique menu shortcode for different locations or if you have any product available to purchase to add the feature?

    February 11, 2020 at 7:03 pm #529851

    Kor
    Moderator
    Post count: 16516

    Hi bigcheese,

    Thanks for your reply. I’m not so sure what you mean by this. Could you share your Website WP admin access here in private reply so that I could check what you’ve done for now?

    February 11, 2020 at 7:38 pm #529861

    Alex Rollin
    Moderator
    Post count: 27815

    If you want to add custom HTML you can add that in the post content (Description) field, or add a custom HTML field.

    You would then add the menu data for each listing into the field.

    https://wpgeodirectory.com/docs-v2/places/custom/

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

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

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount