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 6 years, 2 months ago.
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket-
AuthorPosts
-
January 17, 2020 at 7:02 am #526107
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 #526111Hi 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 #526112This reply has been marked as private.January 20, 2020 at 5:30 am #526483So 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 #526488Hi 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 #526489Thank 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 #526490Hi bigcheese,
You can use the custom CSS code below.
header#site-header {text-align: center;}January 20, 2020 at 8:00 am #526497Beautiful, 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 #526590Hi 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 #526790This reply has been marked as private.January 22, 2020 at 6:36 am #526812Hi 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 #529736This reply has been marked as private.February 11, 2020 at 5:45 pm #529844Please 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 #529851Hi 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 #529861If 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.
-
AuthorPosts
We have moved to a support ticketing system and our forums are now closed.
Open Support Ticket