I’ve used additional CSS to indent the heading of a page. On the desktop version this heading goes over one line, and the indent works fine. On the mobile version however, the heading spills over two lines, and what is now the second line of the heading is no longer indented, meaning that the two words are misaligned.
How can I apply the indent to the second word of the heading, so that it’s correctly indented on the mobile version?
Additional CSS used:
.page-id-25892 .content h1 {
line-height: 5rem !important;
text-indent: 40px
}
Thanks!
]]>I put in lots of effort to solve my speed problem especially related the mobile, JS and CSS problems in other plugins. But never ended up with the desired result except this app ! I present my special thanks to everybody who has served to develop this plugin. Most of them was broking the theme and plugings however this performed best to optimise the site with minimum broke After the optimisation, only my theme broke but I could exclude it in the admin panel.
I love you guys, pretty good job !
]]>I am getting some issues with the mobile version of this site i am building.
[Redundant url redacted]
please see key issues below:
– Scrolling isn’t pinned at sides (if you push left/right it shows white space)
– Logo and hamburger menu getting cut off
– Header image getting cut off when scaling.
– menu does operate properly and all menu items are not in one horizontal line.
Thanks,
]]>In regards to mobile optimisation, what would i need to download for it all to run smoothly? Do I need AMP?
Cheers
Lucy
I am trying to optimize my site for mobile / tablet but have been having some major issues. When I design my site on the different responsive modes, it changes the design on the different modes which has caused hours of reformatting my site.
I have resulted to going onto tablet mode – and duplicated my elements, hiding the original on the tablet and then hiding the tablet version on mobile / desktop. However this isn’t a long term solution to my problem going forward.
I have also tried to download wp touch and use that to create my mobile site – but im having issues with the header sizing.
Any help would be massively appreciated!
]]>I am sure there is a simple way to scale the image accross devices.
Appreciate the help in advance
]]>My slider works fine on my laptop but when I look at the website via my phone the images in the slider are too small for the slider. Does anyone know how to make the images automatically fit? It says the theme is fully responsive for mobiles but it doesn’t seem that way, my sidebar also goes to the bottom of the website rather than showing up the way it does on my laptop.
]]>The only thing I’ve changed is some of the css just to amend the layout of the home page apart from that I haven’t touched anything else.
Does anyone have any ideas what may have caused the problem and how I can resolve it. I do have jetpack installed could this have anything to do with it?
Thanks Tanya
]]>