-
Posts
-
Hi,
with the new update i can change the separator options like the icon. How can i make the icon bigger?
Thanks Simon
Hey Simon!
Try adding this code to the Quick CSS:
span.av-seperator-icon { font-size: 24px; }Cheers!
JosueHi!
Enable this, set a custom class (ex: “custom-class”) to the separator you want to affect and change the code accordingly:
.custom-class span.av-seperator-icon { font-size: 24px; }Cheers!
JosueI increased the size of one icon, but now the lower part of the icon is cut off from display. Is there a way to show the whole icon and possibly reduce the padding either side of it?
only problem I have seen now is that on tablet & phone view, the top of the chefs hat icon is still getting clipped off. Looks fine on Desktop view.
Weird thing is, if I use Developer tool in Chrome or Safari to emulate iPad or iPhone they both show fine on screen, but if I use an actual device the icon shows as clipped at the top. Any ideas?
Also, how to I reduce the padding either side of the icon? There appears to be some invisible vertical line or something either side. I would Ideally like the separator lines either side of the icon to extend closer toward the icon, like the others I have on the page.Hey!
Could be cache, try refreshing a few times, here’s what i get on iOS – http://screencast.com/t/lP2EP7kwD
Regards,
JosueThat’s really weird, I have tried to clear cache and refreshed several times and still see the same thing with a clipped off top of the hat. Can’t argue with what you see though from your screen shot. Guess I’ll have to live with knowing that others see something other than me….
UPDATE: just checked on a friends iPad and they are seeing the same clipped icon, so it seems you are the only one able to view the icon in total.
Hi!
I can’t reproduce the issue as well. Could you please provide a screenshot? And may I suggest a little tweak to the css code. This is for the “Ontap” menu:
.html_header_top.html_bottom_nav_header #top #header .av-main-nav>li>a:before { background-repeat: no-repeat; content: ''; height: 77px; display: inline-block; float: left; width: 100%; } .html_header_top.html_bottom_nav_header #top #header .av-main-nav>li.on-tap>a:before { background-image: url('../images/icons/drop.svg?1452678688'); background-position: 50% 100%; background-size: contain; }Previous css declaration is pointed to all li’s link tag.
Best regards,
IsmaelHi Ismael
regarding screenshots, see my link in Private Content of iPad taken todayI will advise our developer of your suggestion for the CSS mod for the “OnTap” menu, as what you mention is a bit too “tech” for me :)
Hey!
hm I checked your website on http://ipadpeek.com/ and it seems to work totally fine for me. If we can’t reproduce the issue, then it will be very difficult to help.
Best regards,
AndyHi Andy, emulation is not the issue, because I can do the same using developer modes and not see the problem. Try using an “actual” device rather than an emulator/developer mode such as a real iPad or iPhone or Android device and let me know what you see. I and several other people have used a real tablet or phone and can all report the issue I refer to. The screen shot I took was taken from capture on the iPad itself not from within an app or browser emulation.
Hi!
Alright. I was able to reproduce the issue. Please add this in the Quick CSS field:
@media only screen and (max-width: 767px) { .responsive #top .flex_column_table, .responsive #top .container .av-content-small, .responsive #top #wrap_all .flex_column, .responsive #top #wrap_all .av-flex-cells .no_margin { display: block !important; } }Best regards,
Ismael
- You must be logged in to reply to this topic.