Tagged: header banner
-
AuthorPosts
-
March 1, 2018 at 1:36 pm #919613
Dear Support,
How to create top banner on the right side from the logo? Please advise. Thank you!
San
March 1, 2018 at 3:27 pm #919688Hey memodemo,
Please refer to this thread: https://kriesi.at/documentation/enfold/adding-a-widget-area-to-the-header/
Hope it helps :)Best regards,
NikkoMarch 2, 2018 at 6:16 am #920088This reply has been marked as private.March 2, 2018 at 8:30 am #920161Hi,
You can add two widgets then post back here, we’ll inspect the site and give you some css codes that should help :)
Best regards,
NikkoMarch 2, 2018 at 2:12 pm #920344This reply has been marked as private.March 4, 2018 at 9:52 am #920994Hi!
We are working on your ticket will get back to you with the results ASAP.
Best regards,
VinayMarch 5, 2018 at 7:26 pm #921713Hi,
I checked your site but couldn’t find the overlapping issue you mentioned on my android phone. Please share a mockup so we can further investigate this issue.
Best regards,
VinayMarch 5, 2018 at 7:27 pm #921714Dear Vinay,
Thank you for your hard work, this period, I also try to found other solution, In my last record that it’s work to add 2 header widget in website version, refer to case below, if change the mobile code or position can solve my problem? Anyway, I looking for your further reply, thank you very much!
PS. In mobile, also okay that the 2 header widget display under the logo.
Best regards
SanMarch 5, 2018 at 7:29 pm #921718This reply has been marked as private.March 5, 2018 at 7:33 pm #921722Dear Vinay,
The temporary website as below.
Thank you
SanMarch 6, 2018 at 12:07 am #921937Hi,
We have adjusted the CSS code for you in Quick CSS.
#header .widget:nth-child(1) { top: 50%; transform: translateY(-50%); left: 5%; position: absolute; margin-right: 30px; } #header .widget:nth-child(2) { top: 50%; transform: translateY(-50%); right: 5%; position: absolute; margin-left: 30px; } .logo a, .logo a img { width: 200px; top: 50%; transform: translateY(-50%); } @media only screen and (max-width: 900px) { #header .widget:nth-child(1), #header .widget:nth-child(2) { margin: 0; padding: 0; display: block !important; width: 100%; position: relative!important; clear: both; } #header .widget:nth-child(1) { top: 20px; } #header .widget:nth-child(1) { top: 100px; } #header .widget:nth-child(1) img, #header .widget:nth-child(2) img { left: 50%; transform: translateX(-50%); position: relative!important; } . logo { margin-bottom:10px; } }
Best regards,
VinayMarch 6, 2018 at 5:22 pm #922421Dear Vinay,
You’re great helpful, thank you very much!
Best regards
SanMarch 6, 2018 at 5:38 pm #922429Hi,
Glad we could help!
Please take a moment to review our theme and show your support https://themeforest.net/downloads
To know more about enfold features please check – http://kriesi.at/documentation/enfold/
Thank you for using Enfold :)Best regards,
Vinay -
AuthorPosts
- The topic ‘Top banner on the right side of logo’ is closed to new replies.