This seemed to work yet the header (logo and nav) are now over lapping. Is there a way I can put some padding between the navigation and the content below it?
Remove the css provided earlier and use this only :
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
This worked yet for the portfolio pages I have been using different backgrounds for each portfolio page, so I would need to have that margin take on the background color. http://staging.schiavocreative.com/scg/#port
Also it seems the logo color is split between the light and dark color (white and red) on mobile.
Do you think the CSS can accommodate this? See attachment for what I see on mobile.
Sorry I wasn't clear. In the portfolio I have several projects and each portfolio project has a different background color. You can see when clicking on each portfolio page. My issue is that I get this blue/white bar when adding the CSS you supplied(see below)
All I'm really trying to do is add space/ padding in the mobile view between the header and the body copy where I don't have a white/or blue bar (see image attached).
Below are 2 examples of 2 different portfolio pages which seem to have that "thick white line" in mobile view.
in the header a white bar forms in mobile and tablet. can this bar be removed?
Image attached:
Also when using the buttons can I change the all upper case to upper and lower case using a specific font?
Hey there,
Thanks for reaching in,
Please use this CSS,
@media only screen and (max-width: 690px) { div#page-header-wrap { height: 0px !important; } }Regards
Hi Andrew,
This seemed to work yet the header (logo and nav) are now over lapping. Is there a way I can put some padding between the navigation and the content below it?
http://staging.schiavocreative.com/scg/portfolio/bcbs-2/
Best,
Ed
Hey Again,
Remove the css provided earlier and use this only :
Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):
div#page-header-wrap { height: 100px !important; background-color: #1a9aec !important; }Thanks
ThemeNectar Support Team
Hello,
This worked yet for the portfolio pages I have been using different backgrounds for each portfolio page, so I would need to have that margin take on the background color. http://staging.schiavocreative.com/scg/#port
Also it seems the logo color is split between the light and dark color (white and red) on mobile.
Do you think the CSS can accommodate this? See attachment for what I see on mobile.
Best,
Ed
Hey Again,
Not really sure i understand ? . What exactly do you need done so i can write up the custom css for it.
Best
ThemeNectar Support Team
Hi Tahir ,
Sorry I wasn't clear. In the portfolio I have several projects and each portfolio project has a different background color. You can see when clicking on each portfolio page. My issue is that I get this blue/white bar when adding the CSS you supplied(see below)
div#page-header-wrap { height: 100px !important; background-color: #1a9aec !important; }All I'm really trying to do is add space/ padding in the mobile view between the header and the body copy where I don't have a white/or blue bar (see image attached).
Below are 2 examples of 2 different portfolio pages which seem to have that "thick white line" in mobile view.
http://staging.schiavocreative.com/scg/portfolio/bcbs-2/
http://staging.schiavocreative.com/scg/portfolio/healthsource-ri/
Hey there,
Thanks for reaching,
The CSS below is going to remove the bar for mobile screens. You can get rid of the previous one.
@media only screen and (max-width: 690px) { div#page-header-wrap { height: 50px!important; } }Hope this helps,
Regards
Themenectar Support Team
PERFECT! Thank you so much.