Forum Replies Created
-
Posts
-
Based on the hint by Ismael,
finally I get the solution:
1. at Enfold Child settings > Tab “Layout Builder”: activate the checkbox for Show element options for developers
2. insert Quick CSS: (th-class1 can be renamed to Your needs)#top .th-class1 .avia-button { border-radius: 100px; }3. add th-class1 to the userdefined CSS class of the button-row-element
Topic is resolved.
Thanks everyone for participation!!
kind regards
TobiasHello everyone,
this is a link to a demo of the described behavior: https://www.outdoor-inn.de/demo-button-row-element/
But You will get the same result by using a new installation from scratch.
Maybe there is a possibility to define border-radius: 100px only to a dedicated element by using user defined CSS class?kind regards
Hey Yigit,
thanks again for Your quick response.
The code works fine, on Masonry as well as on Magazine.kind regards
TobiasPerfect! Now everything works fine.
Sorry, I also didn’t see the missed bracket.
Thank You very much for Your support !!!kind regards
TobiasMaybe you would like to take a look by yourself.
I added the login credentials.
If quick css code is removed, the normal desktop layout is active, as described in my last screenshots.
With the code, we have the “shrinked” desktop layout.kind regards
TobiasFor your info:
problem also occurs in combination with WordPress 4.3.1 & Enfold 3.4.6
regards
TobiasHi Elliott,
settings for container width still are default values
Maximum Container width: 1130px
Content | Sidebar Ratio: 73% | 27%I try to describe in other words.
Again – by using the suggested quick css code, the smaller logo for mobile use now is displayed correct. Also on pages with transparency logo at desktop resolution. No further overlaying of main-logo and mobile-logo anymore.But with using the css code, the space for the entire content seems to be shrinked a little.
That’s why main-logo and menu now are close together.
Also be seen at the 3 text columns.
Please refer to this comparison:Normal desktop layout (without-quick-css-code)
Shrinked desktop layout (by using the quick-css-code)
Is there a way to regain the normal desktop layout including the benefits of the smaller logo for mobile?
kind regards
TobiasHi Elliott,
yes – the logo is aligned left but now it’s directly beside the menu.
I would like to show you with some screen-shots.
In normal, the logo is left aligned to the maximum container width – this is the position I like to get again.
Please take a look at picture 1.If I add your css code, the problem with the overlapping logos at mobile menu is solved, like described above.
But now, the Desktop version brings the logo position directly beside the menu buttons.
See picture 2.If I activate “Let logo and menu position adapt to browser window” the logo appears out of the maximum container width.
See picture 3Is there a way to get the logo position back as described with picture 1 and also having the mobile behaviour stay corrected?
regards
TobiasHi Stevo,
yes that’s the current issue.
The multiple selection options currently are preventing the complete filling and sending of the form.
If You turn off the validation of “select element” , the form will be send out but the mail doesn’t contain the content of the “select element”.
Urgently waiting for a update.
kind regards
TobiasHello,
I have the same issue since last update. Are there any updates available already?kind regards
TobiasI have exactly the same problem with the form element “select element” as described by adelimedicalcenter.
Are there any updates meanwhile?kind regards
TobiasHi Elliott,
thanks for the quick response!
Regarding Your question: before, I used this code:@media only screen and (max-width: 480px) { .logo img { opacity: 0; } .logo a { background-image: url(https://www.outdoor-inn.de/theme1/oi_mobile_160.png); background-size: contain; background-repeat: no-repeat; background-position: 0 50%; }}By using Your code, now the mobile behavior is working fine.
No further overlaying (of the mobile logo with standard logo) at pages with Transparency Logo. That’s great!
But now the logo position at desktop size is right aligned instead of left aligned.
How ca I set the alignment back to left?kind regards!
TobiasHi Andy,
thanks for Your Feedback.
But where can I set this Code in Enfold Layout Editor?
I only can coose to open in same or new WIndow, but not in Lightbox:
Kind Regards
Tobias
