For my new website I want to make (at least for the homepage) a different layout for desktop and for mobile. Probably by making 2 different sliders with Layerslider and have one come up with screenwidths wider than 990 px for desktop and another slider if the screensize is smaller than 990 px. I think I can handle that, but my question is:
Do I have to add H1 to H6 tags for both versions, mobile and desktop, or will it be better to just use the H-tags on the desktop-version for example. Google doesn’t like double H-tags, so that’s why I ask.
If you have other suggestions regarding my layout-split (maybe a more efficient method), I’d like to see that as well. I’m not a pro webdesigner.
Thanks.
Mark
Hey Multispace,
You should only use your H tags (headings) on the desktop site, as Google will see both versions of the page.
You are on the right track though, as many have found that a layerslider built for a desktop is small and hard to view on mobile. Might I suggest making you break point 767px, under for mobile and over for tablets and above. This is just a general rule of thumb, 990px would be fine too.
Best regards,
Mike
Thanks Mike, also for the advice on the breakpoint!
Regards,
Mark
Hi,
Glad to help, is there anything else we can assist with on this, or shall we close this?
Best regards,
Mike
Hi Mike,
This topic can be closed.
Thanks,
Mark
Hi,
Glad we were able to help, we will close this now. Thank you for using Enfold.
For your information, you can take a look at Enfold documentation here
and the video tutorials here
And if there are features that you wish Enfold had, you can request them and vote the requested ones here
For any other questions or issues, feel free to start new threads under Enfold sub forum and we will gladly try to help you :)
Best regards,
Mike