Viewing 16 posts - 1 through 16 (of 16 total)
  • Author
    Posts
  • March 21, 2018 at 9:20 pm #930862
    sfranks12

    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 #931315
    Victoria

    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

    March 22, 2018 at 4:48 pm #931439
    sfranks12

    I 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 #931548
    Vinay

    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

    March 22, 2018 at 7:31 pm #931580
    sfranks12

    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

    March 23, 2018 at 11:26 pm #932149
    Basilis

    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

    March 26, 2018 at 4:19 pm #933069
    sfranks12

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

    March 27, 2018 at 12:55 am #933269
    Vinay

    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

    March 27, 2018 at 4:23 pm #933730
    sfranks12

    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, 8 months ago by sfranks12.
    March 27, 2018 at 9:55 pm #933895
    Vinay

    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

    March 27, 2018 at 10:14 pm #933903
    sfranks12

    That 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 #933934
    Vinay

    Hi,

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

    Best regards,
    Vinay

    March 27, 2018 at 11:27 pm #933938
    sfranks12

    That 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 #934127
    Victoria

    Hi sfranks12,

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

    Best regards,
    Victoria

    March 28, 2018 at 4:15 pm #934381
    sfranks12

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

    March 28, 2018 at 9:51 pm #934545
    Basilis

    Hi,

    Thank you for the update.

    Best regards,
    Basilis

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