Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • #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?

    #931315

    Hey 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,
    Victoria

    #931439

    I provided the info in private content.. Please let me know if I did the linking to image correctly..

    #931548

    Hi,

    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,
    Vinay

    #931580

    WOW, 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

    #932149

    Hi,

    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,
    Basilis

    #933069

    If 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..

    #933269

    Hi,

    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,
    Vinay

    #933730

    I 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.
    #933895

    Hi,

    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,
    Vinay

    #933903

    That made things worse.. Made my logo real small all the time.. Reverted back to the other until the correct code is loaded.

    #933934

    Hi,

    Thank you for the permission, I have updated the CSS code in Quick CSS please review the site now :)

    Best regards,
    Vinay

    #933938

    That is it.. thanks…

    While we are on the header.. Is there a way to put our phone number under the social icons??

    #934127

    Hi sfranks12,

    There is, but it will require editing php files, is this something you’re comfortable doing?

    Best regards,
    Victoria

    #934381

    I 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..

    #934545

    Hi,

    Thank you for the update.

    Best regards,
    Basilis

Viewing 16 posts - 1 through 16 (of 16 total)
  • The topic ‘Header Adjustments / Tweaks’ is closed to new replies.