Forum Replies Created
-
Posts
-
That fixed the space, but moved the white line to close to the menu item text. It should be equal above and below and position near the hover bar.
Here is the current css:
/* MENU HEIGHT BELOW TEXT */
.html_header_top.html_bottom_nav_header .main_menu > div { margin-top: 10px !important; }/* MENU HOVER BAR POSITION */
.html_header_top .av_bottom_nav_header .main_menu ul:first-child > li a { height: 42px; }/* keep header info above line and shrink */
.header-scrolled .custom_info {
line-height: 12px;
font-size: 11px;
top: 10px;
}div#header_main {
padding-bottom: 2px;
}Doing that actually makes it worse because it turns into a mobile menu at an even wider width. I’m actually trying to turn off the mobile menu on my computer
Can you try adjusting the width and seeing what I mean? If possible, I don’t want the mobile menu on computers.
That’s great!
Also, can you look what happens when a browser goes below (approximately) ~845px? Is there a way to keep the last menu item from dropping down without messing with other spacing?
Then, when it drops below, ~730 px, the header logo gets tucked away too far as well. Is there a way to keep that visible without messing with other spacing?
I’m just using the main theme. What’s the best way to implement child theme while keeping any previous changes?
Will this impact the placement of other sliders? I don’t want to override all sliders, just one of the 4 that’s displayed.
I see left, right, centered and bottom, but no Top – which was odd so I thought it was missing.
Okay. I see what you’re saying.
However, when people click on the portfolio items, it takes them to a 404 page not found. I’m not clear how to fix that.
Well, it’s close, but not resolved. The blue hover line is not matching up with the bottom of the container. It’s too close to the menu items. It should be where the next section begins.
Thanks! I can’t quite figure out how to control the font color though and the hover is still white?
Are the specific font colors in these toggle areas configurable in the enfold settings or is that only a global font? I see that I can choose “Primary color – Font color for links, dropcaps and other elements” but not the toggle areas.
Genius!
And how do I tell the shortcode which category?
[av_one_full first]
[av_portfolio columns='3' one_column_template='special' items='16' contents='yes' preview_mode='auto' image_size='portfolio' linking='' sort='yes' paginate='yes']
[/av_one_full]
Thanks! How do I get my logo to be the actual size that I uploaded? I chose “Use Actual Size” before I selected use as logo, but it shrinks anyways.
NOTE: I used “Header Custom Height” as 60px because once I lower the logo, there’s too much empty space above it. So now the logo is tiny.
Yigit, thank you so much for your help. It’s very very close, but not working quite right. When you go to our website (see link above) you will see that the transparency turns to white if you make the browser narrow and the custom info continues to show.
What I would like to happen is this:
1) The transparency should always be there. No white header no matter what size. How do I never have a white header?
2) If the browser shrinks to the point where the menu changes to vertical mobile style, the custom_info should go away because it doesn’t fit with the logo at that point.Here is the current css:
@media only screen and (max-width: 480px) {
.logo img { opacity: 0; }
.logo a { background-image: url(http://dovshoneman.com/wp-content/uploads/Dov-Logo-Mobile-Small.png); background-repeat: no-repeat; background-size: contain; background-position: 50% 50%; }
strong.logo { margin-left: -65px!important; }
.html_header_top.html_bottom_nav_header #header_main { position: absolute; width: 100%; }
.responsive #main { padding-top: 95px !important; }
.custom_info { display: none; }
}@media only screen and (max-width: 768px) {
strong.logo { margin-left: -65px!important; }
.html_header_top.html_bottom_nav_header #header_main { position: absolute; width: 100%; }
.responsive #main { padding-top: 95px !important; }}Thank you!
So close!
There’s a midway width that seems to look funny. When I turn my iphone horizontal, the header turns white (loses the transparency). The custom info should not show on this small size either.
The ipad and computer display is excellent – it just this one semi-small view that is left.
https://dl.dropboxusercontent.com/u/52916400/mobilescreenwhite.PNG
