-
Posts
-
I need to adjust the header size on this site: http://huffmancabin.com/wp/
I want the image to fill the header space and be centered. It is 960 pixels wide by 150 high.
Can you give them the correct code to do this?
Thank you!Hey elames!
Please go to Enfold theme options > Header Layout > Header size = Custom pixel value and set the height to 155-160px
Best regards,
YigitHey!
You can upload screenshots on imgur.com or Dropbox public folder and post the links here
Regards,
YigitSee the logo size here: I want it to be centered in the header and full size
http://huffmancabin.com/wp/wp-content/uploads/2014/07/HUFFMAN.pngHey!
I’m sorry but the screenshot and the website are not loading. When you upload the logo, make sure that you select the Fullsize thumbnail size option before clicking the “Use image as logo” button. I’ll ask Yigit to take a look.
Regards,
IsmaelHi!
No, i am in Lithuania and Ismael is in Philippines. Nobody from the team is in Russia.
If you can upload your screenshots on imgur.com or Dropbox public folder, we can try to provide you custom CSS codeCheers!
YigitI have put it here:
I need the image to fill the header section.Also. I want the footer titles to be white. I tried this but it does not work:
.footer_color h3;
color: #FFFFFF;
font-size: 20px;
}thank you
Hi!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
#footer h3.widgettitle { color: white!important; font-size: 20px!important; }Which type of header are you using? A screenshot of your header section would help. In the meantime, please try adding following code to Quick CSS
#header_main .container { width: 100%; }and go to Enfold theme options > Header Layout > Header Size = Custom pixel value and set it to 150px
Cheers!
YigitThat is fine for the footer text.
Go here to see what I want: http://i.imgur.com/9kbZs5A.jpgThe code didn’t work. I want it to fill most of the header area 960 pixels wide and centered.
I set the header size already. that didn’t change.Can you also tell me how I can increase the font sizes of
body text and footer links / textThank you!
Any help here? I am meeting with client today and need to have this issue resolved. It seems simple enough..but I can’t see how to accomplish it.
Thank youHey!
Please add following code to Quick CSS
.html_header_top.html_logo_center .logo { left: 0; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); transform: translate(0, 0); } #header_main .container { width: 100%; margin: 0; } strong.logo { margin-left: 17%; } @media only screen and (max-width: 1340px) { strong.logo { margin-left: 7%; }}Header height should be set to 150-160px as i suggested here – https://kriesi.at/support/topic/need-to-adjust-header-size/#post-300681
Best regards,
YigitOnly one more slight issue. When I look at the site on my smartphone, the little menu box is sitting on top of the logo.
How can I make this go lower.Thanks!
Hey!
Glad it is working now but the website is still not loading.
Please use this on Quick CSS to fix the logo on mobile device:
@media only screen and (max-width: 767px) { .responsive .mobile_slide_out .logo img { margin: 0; height: 80% !important; top: 15px; } }Adjust the height and top position if necessary.
Cheers!
IsmaelSorry that didn’t work. I tried various amounts and nothing changed or it got worse.
The site has been moved to it’s root directory at:
http://huffmancabin.comHey!
I cannot connect to this website as well :/
Please try following code@media only screen and (max-width: 480px) { .responsive .logo a, .responsive .logo img { float: left; max-width: 70%; height: auto !important; }}Regards,
YigitSorry that didn’t help.
See screen capture here: http://i.imgur.com/qI9kwvc.jpgI don’t know why you can’t see the site. I suspect your country is being blocked by my hosting company. that is the only reason I can think of. They are very cautious,
Thank you
Hey!
Please try this code instead:
@media only screen and (max-width: 520px) { .responsive .logo a, .responsive .logo img { margin-top: 10px; max-width: 300px !important; height: auto !important; } }Cheers!
PeterNope sorry, didn’t work, it still covers up the logo.
Would any of these other codes conflict with this?
.av_phone_active_right .phone-info {
float: right;
font-size: 15px;
}
body{
font-size: 14px !important;
}
#footer h3.widgettitle {
color: white!important;
font-size: 20px!important;
}
.html_header_top.html_logo_center .logo {
left: 0;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
.html_header_top.html_logo_center .logo {
left: 0;
-webkit-transform: translate(0, 0);
-moz-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
#header_main .container {
width: 100%;
margin: 0;
}
strong.logo {
margin-left: 5%;
}
@media only screen and (max-width: 1340px) }
strong.logo {
margin-left: 5%;
}
}
@media only screen and (max-width: 520px) {
.responsive .logo a, .responsive .logo img {
margin-top: 10px;
max-width: 300px !important;
height: auto !important;
}
}Hi!
Please try following code and move mobile menu lower
@media only screen and (max-width: 480px) { #advanced_menu_toggle, #advanced_menu_hide { top: 140%; }}Best regards,
YigitI tried this and nothing moves that mobile menu :-(
Any other ideas?@media only screen and (max-width: 480px) {
#advanced_menu_toggle, #advanced_menu_hide { top: 170%; }}Hi!
Please find following in your custom CSS
@media only screen and (max-width: 1340px) } strong.logo { margin-left: 5%; } }and change it to
@media only screen and (max-width: 1340px) { strong.logo { margin-left: 5%; } }there is a typo in the code. Fixing it may make other codes work
Regards,
Yigit
- The topic ‘Need to adjust Header Size’ is closed to new replies.