Forum Replies Created
-
Posts
-
I’ve ended up with the following css inside a mediaquery:
#top .av_header_glassy.av_header_transparency #advanced_menu_toggle{ height: 45px !important; font-size: 35px !important; line-height: 40px !important; margin-top: -23px !important; } .html_mobile_menu_tablet .container #advanced_menu_toggle{ height: 25px !important; font-size: 22px !important; line-height: 22px !important; margin-top: -12px !important; }I’ve posted a screenshot already above. When I resize the image in width, the height still stays the same. In the css, I didn’t say it is an !important behavior for that height.
It is just the start height for images on a specific page that have to be the same and in with when resized the height must be resized for all of them in the same amount too.
I know that this is one of the possibilities. What I’m trying to say is that I use the same picture on different pages and I want the alt-text to be different on all pages.
I want the images to have that start height, because not all of them have the same height. So I want the images on the page to be the same size at all times. From original to resized browser.
Oké so I have to use the classic editor? The avia builder was one of the strenghts of Enfold for me to choose for this theme..
If I use plain HTML I can specify an alt text for all places where the image is used. That is what I want to achieve, because I’m using the same icons in different places.
Below is the css I’m referring to.
.iPhone5cHome .avia_image { height: 163px; } .iPhone5Home .avia_image { height: 163px; } .iPhone4sHome .avia_image { height: 163px;} .galaxyS4Home .avia_image { height: 163px; } .galaxyS3Home .avia_image { height: 163px; }Yes I do have some example images from the homepage. Other pages have the same problem too.
The picture get resized in width, but height stays the same. Is it because I’ve added a height in the css to get them aligned well? That shouldn’t matter right? If it does, how can I align them in an other way? Because when I remove this height in the css, it resizes well again. BTW I’m using the childtheme.
https://www.dropbox.com/s/peaf5y143b2eqcx/before-resize.PNG?dl=0
Anyone who is interested in the solution look at the code below:
.widget_nav_menu li.menu-item ul.sub-menu { display: none; } .widget_nav_menu li.current-menu-item ul.sub-menu , .widget_nav_menu li.current-menu-ancestor ul.sub-menu { display: inherit; }This wasn’t the resolution I was searching for. Bought a second party plugin named formcraft, really cool plugin btw.
So to achieve my requirement I have to use a third party plugin like gravity forms or contactform 7?
Also it seems that I can’t see my elements when I switch to the default editor. Is that the normal way? For example if I create some elements with the advanced lay-out builder, how can I assign a specific width to a button?
Hi Josue,
Thanks for your reply, I’ve disabled the minification of the css and javascript in W3- totalcache and use Auto optimize for it now.
The problem occured because of the transparant header on the homepage I think. But it is resolved now, thanks!
