-
AuthorPosts
-
March 21, 2018 at 9:20 pm #930862
I would like to make adjustments/tweaks to the header of the site I am working on. But could not find any place to do it. I have a screen grab and note on what I would like, but I cannot figure out how to attach an image to this post. I click the image button and it asks for a URL which I do not have one to link to. What should I do to get you the mage?
March 22, 2018 at 2:32 pm #931315Hey Gene,
You can upload the screenshots to a service like Dropbox and give us the links here.
Could you please give us a link to your website, we need more context to be able to help you.
Best regards,
VictoriaMarch 22, 2018 at 4:48 pm #931439I provided the info in private content.. Please let me know if I did the linking to image correctly..
March 22, 2018 at 6:40 pm #931548Hi,
We have added the below CSS to Quick CSS section. Please review the site :)
/* Logo margin*/ #top .logo, #top .logo a{ margin:15px 0; } /* Center menu */ .av-main-nav-wrap ul { display: flex; justify-content: center; } /* Social icon size*/ #top #header .social_bookmarks li a { font-size:18px; }
Best regards,
VinayMarch 22, 2018 at 7:31 pm #931580WOW, thanks..
But, when I go to the other pages with the smaller header, the logo goes behind the menu some and is not centered correctly any more.
Also, if I want to make the social icons bigger, I just need to change the font-size:18px to something else, is that correct??
Thanks again for all your help
March 23, 2018 at 11:26 pm #932149Hi,
Yes if you need to change the font, you can make it smaller or bigger by changing the 18px.
Is the code live? I went through all pages and I can see if fine?Best regards,
BasilisMarch 26, 2018 at 4:19 pm #933069If you scroll the page down and the header gets small, the bottom of the logo gets cut off.. please take a look for me..
Thanks..
March 27, 2018 at 12:55 am #933269Hi,
Please replace the code with the below
/* Logo margin*/ #top .logo, #top .logo a{ margin:8px 0; } #top .logo a img { max-height:80px; } /* Center menu */ .av-main-nav-wrap ul { display: flex; justify-content: center; } /* Social icon size*/ #top #header .social_bookmarks li a { font-size:18px; } #top .logo , #top .logo a { width: 180px; } @media only screen and (max-width: 767px) { #top .logo , #top .logo a { max-width: 100% !important; width: 100% !important; height: auto; }}
Best regards,
VinayMarch 27, 2018 at 4:23 pm #933730I have some coding already there that I need to keep, below is the code, which do I replace in order to keep what I already had? Previous code in between the asterisks :
/* Logo margin*/ #top .logo, #top .logo a{ margin:15px 0; } /* Center menu */ .av-main-nav-wrap ul { display: flex; justify-content: center; } /* Social icon size*/ #top #header .social_bookmarks li a { font-size:23px; } ****************************************** .phone-info { font-size: 14px; } @media only screen and (max-width: 990px) { body#top { font-size: 11px !important; }} #top .widget_nav_menu li { font-size: 16px; } .title_container .main-title { font-weight: bold; } *****************************
- This reply was modified 6 years, 9 months ago by sfranks12.
March 27, 2018 at 9:55 pm #933895Hi,
Please remove the below code
/* Logo margin*/ #top .logo, #top .logo a{ margin:15px 0; } /* Center menu */ .av-main-nav-wrap ul { display: flex; justify-content: center; } /* Social icon size*/ #top #header .social_bookmarks li a { font-size:18px; }
Best regards,
VinayMarch 27, 2018 at 10:14 pm #933903That made things worse.. Made my logo real small all the time.. Reverted back to the other until the correct code is loaded.
March 27, 2018 at 11:14 pm #933934Hi,
Thank you for the permission, I have updated the CSS code in Quick CSS please review the site now :)
Best regards,
VinayMarch 27, 2018 at 11:27 pm #933938That is it.. thanks…
While we are on the header.. Is there a way to put our phone number under the social icons??
March 28, 2018 at 11:23 am #934127Hi sfranks12,
There is, but it will require editing php files, is this something you’re comfortable doing?
Best regards,
VictoriaMarch 28, 2018 at 4:15 pm #934381I am but I prefer not too. That way when an update comes out, I do not have to worry about updating the new file or overwriting anything.. So, thanks but will leave it as is..
Thanks for your help..
March 28, 2018 at 9:51 pm #934545Hi,
Thank you for the update.
Best regards,
Basilis -
AuthorPosts
- The topic ‘Header Adjustments / Tweaks’ is closed to new replies.