Asiya
-
Posts
65 -
Joined
-
Last visited
Reputation Activity
-
Asiya got a reaction from loisartz in Why custom CSS is not working?
Hi, thanks for your response. how much time will it take to get resolved?
-
Asiya reacted to tuanphan in How to get navigation bar on one line
It looks like you sent me a message?I send code. You can check
-
Asiya reacted to tuanphan in Help with CSS for Newsletter Block
Hi. Do you still need help on this? I see you solved...
-
-
Asiya got a reaction from christyprice in Changing size of one banner heading for mobile only
Thank you so much for your help:)
-
Asiya reacted to christyprice in Changing size of one banner heading for mobile only
Hi @Asiya, you can adjust the image focal point to change what part of the banner you see on mobile - that would be my first recommendation. If that doesn't work, you might consider having a different banner image for mobile. I have a post on that here and there are some threads in the forum as well.
-
Asiya reacted to colin.irwin in Removing blank spaces between page sections on Index Pages
The default section padding is 96px at the top and bottom.
Insert this into your custom css and then tweak the @sectionpadding pixel value until you get the layout you prefer.
@sectionpadding: 10px; .index-section .index-section-wrapper.page-content { padding-top: @sectionpadding; padding-bottom: @sectionpadding; }
-
Asiya reacted to colin.irwin in Removing blank spaces between page sections on Index Pages
Can you post a link to the page in question?
-
Asiya reacted to colin.irwin in Removing blank spaces between page sections on Index Pages
Try this
@sectionpadding: 10px; .index-section:first-of-type .index-section-wrapper.page-content { padding-top: @sectionpadding; padding-bottom: @sectionpadding; }
-
Asiya reacted to colin.irwin in Removing blank spaces between page sections on Index Pages
It depends upon the template you are using.. Can you share the template name and also a url to the site?
-
Asiya reacted to tuanphan in Banner Risize on Mobile for 7.0
Add to Home > Design > Custom CSS
@media screen and (max-width:640px) { body#collection-5f18f20d750c1632b670ab43 { div#banner-wrapper img { width: 100% !important; left: 0 !important; height: auto !important; } div#banner-wrapper { height: 200px; } } }
-
Asiya reacted to tuanphan in Hamburger Menu Nav across all devices (version 7.1)
You can replace burger icon with custom three lines (here is an example img)
Add to Home > Design > Custom CSS. Replace current image with three lines icon url
.burger-box div { display: none; } .burger-box { background-image: url(https://static.thenounproject.com/png/3143942-42.png); background-size: contain; background-repeat: no-repeat; background-position: center center; }
-
Asiya reacted to inside_the_square in Hamburger Menu Nav across all devices (version 7.1)
Hey @rsmith3074 - I realize you posted this weeks ago but I just now got back onto the forum and wanted to share the answer in case you still needed it! I use CSS to do this; this code does the trick for me. Hope it helps!
.header-burger { display:flex!important} .header--menu-open .header-menu {opacity: 1!important;visibility: visible!important;} .header-nav, .header-actions {visibility:hidden!important}
