Hi there, I've been using your great Elixir restaurant theme but have had a couple of issues.
The main issue is the header slider text is showing up too large on mobile (portrait mode). If I change the font size in the css file it only adjusts the size on a desktop browser. I had a look at the theme demo and it seems to have similar issues on mobile. Is there a part of code in the CSS where I can adjust what size it will be on mobile?
Once last thing, I removed the filter options in the gallery section via the CSS code but now on the mobile version there is a huge gap, any idea how to remove that gap?
Thanks for the reply. I checked it out on my brothers iPhone 7 and it looks fine, it must just be smaller screens. I have an iPhone SE and the text goes right to the edge. I know there's quite a lot of responsive code in the CSS but I'm not sure what to add or edit to get it to show up a bit smaller on my SE. If there's anything you could do to help that'd be great.
The second issue about the gallery section has been fixed now, I just needed to delete the gallery categories in Wordpress (I just made the code 'hidden' originally).
Thanks for the reply. I checked it out on my brothers iPhone 7 and it looks fine, it must just be smaller screens. I have an iPhone SE and the text goes right to the edge. I know there's quite a lot of responsive code in the CSS but I'm not sure what to add or edit to get it to show up a bit smaller on my SE. If there's anything you could do to help that'd be great.
The second issue about the gallery section has been fixed now, I just needed to delete the gallery categories in Wordpress (I just made the code 'hidden' originally).
Hi there,
I've been using your great Elixir restaurant theme but have had a couple of issues.
The main issue is the header slider text is showing up too large on mobile (portrait mode). If I change the font size in the css file it only adjusts the size on a desktop browser. I had a look at the theme demo and it seems to have similar issues on mobile. Is there a part of code in the CSS where I can adjust what size it will be on mobile?
Once last thing, I removed the filter options in the gallery section via the CSS code but now on the mobile version there is a huge gap, any idea how to remove that gap?
Many thanks
Ric
Hi,
I've checked your website with my phone and it look so good. Maybe you can provide few screenshots in your mobile screen.
Best Regards,
Jelly Team
Thanks for the reply. I checked it out on my brothers iPhone 7 and it looks fine, it must just be smaller screens. I have an iPhone SE and the text goes right to the edge. I know there's quite a lot of responsive code in the CSS but I'm not sure what to add or edit to get it to show up a bit smaller on my SE. If there's anything you could do to help that'd be great.
The second issue about the gallery section has been fixed now, I just needed to delete the gallery categories in Wordpress (I just made the code 'hidden' originally).
Thanks
Ric
Thanks for the reply. I checked it out on my brothers iPhone 7 and it looks fine, it must just be smaller screens. I have an iPhone SE and the text goes right to the edge. I know there's quite a lot of responsive code in the CSS but I'm not sure what to add or edit to get it to show up a bit smaller on my SE. If there's anything you could do to help that'd be great.
The second issue about the gallery section has been fixed now, I just needed to delete the gallery categories in Wordpress (I just made the code 'hidden' originally).
Thanks
Ric
Hi,
You can try this custom style:
@media only screen and (max-width: 568px){ #owl-main-text h2 { font-size: 14px; } }Please add the css code in the path: Appearance -> Theme Editor -> Style.css, please put it in the end of the file.
Best Regards,
Jelly Team
That's worked, thanks a lot! Looks great now :)
Hi,
Glad it’s working for you now. Do you still need my help?
Best Regards,
Jelly Team