Home › Forums › WoodMart support forum › Desktop v. Mobile Sizing

Desktop v. Mobile Sizing

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • April 27, 2018 at 10:58 pm #55099

    yacob555
    Participant

    Could you help me understand the differences in sizing I’m experiencing? For example, on my home page (link in private comments) the headers are larger but on mobile the headers are small and the regular text is larger. I have the headers (red) on maximium size.

    Also, the hero image on desktop is larger than the lower images but the opposite is true on mobile.

    It looks very off on mobile and I don’t know how to change it.

    Thanks

    April 28, 2018 at 6:53 am #55120

    Elise Noromit
    Member

    Hello,

    the headers are larger but on mobile the headers are small

    As you can see on the desktop you have your header in two rows and logo is big, on mobile it becomes in one row to be compact.

    You can configure your header going to Woodmart > Head builder http://prntscr.com/iyd2pe

    Choose the proper header type (your current) http://prntscr.com/iyd333

    Modify elements as per your needs: http://prntscr.com/iyd3h3

    Take into consideration that there is also the mobile view of your header http://prntscr.com/iyd3v3 check all the elements there.

    If you need help, please describe what would you like to get in result I will help you to configure.

    Best Regards

    April 28, 2018 at 3:49 pm #55178

    yacob555
    Participant

    Thank you for the info. I’m very sorry, I used the wrong wording. By ‘header’ I meant the Large red title text, not the top header. On desktop I’m able to change the size of some of the text to be larger, but when on mobile it switches.

    The larger text ‘Section Titles’ are larger than the ‘Text Block’ but on mobile the Text Block becomes much larger than the Section Titles and doesn’t look great.

    Thanks

    April 28, 2018 at 8:45 pm #55193

    Elise Noromit
    Member

    Hello,

    You need to switch to mobile view in Header builder and try to set the different width of the logo. The height is set automatically depending on logo width. So,

    Please navigate to Woodmart > Head builder http://prntscr.com/iyd2pe

    Choose the proper header type (your current) http://prntscr.com/iyd333

    Go to mobile view of your header http://prntscr.com/iyd3v3

    Set the logo width and height would increase. http://prntscr.com/jbdqcv

    Increasing logo take into consideration the height of sticky header http://prntscr.com/jbdqud

    As for other elements, please send me screens and page links

    Best Regards

    April 29, 2018 at 4:14 pm #55277

    yacob555
    Participant

    Thanks for your help.

    I’m not actually intending to talk about the Header.

    I’m referencing the “headings” throughout the page. On desktop the Titles (red) are larger and the text is smaller. On mobile, its the opposite.

    Why are the “headings/titles” which are set to “Large” size on WPBakery shrinking to very small but the regular text doesn’t change at all (thus ends up being much larger)?

    My site is in the private comments. This is happening on the home page. The title text is becoming so much smaller, but the regular text doesn’t change at all.

    Thanks

    April 29, 2018 at 5:39 pm #55287

    Elise Noromit
    Member

    Hello,

    Titles are resized to fit the mobile narrow screen at the same time the regular text is not resized to be visible enough on mobile. If the title is not resized it will be cut on mobile.

    Best Regards

    April 29, 2018 at 6:36 pm #55298

    yacob555
    Participant

    Thanks, is there any way to change this? The titles need to be larger to make sense. Can you like add a class and change the size on mobile or something via css?

    April 29, 2018 at 7:32 pm #55302

    Elise Noromit
    Member

    Hello,

    In order to change sizes you will need custom CSS, please titles types I will provide CSS.

    Best Regards

    April 29, 2018 at 7:55 pm #55309

    yacob555
    Participant

    Thank you! In WPBakery it’s “section title.”

    Not sure if that’s what you need, if not it’s “Delicious Inspiration” on my site homepage (link in private comments).

    April 30, 2018 at 6:31 am #55334

    Elise Noromit
    Member

    Hello,

    You can use WP Bakey Page builder Custom heading. This element is fully configurable.

    Best Regards

    May 1, 2018 at 7:05 pm #55603

    yacob555
    Participant

    Works perfectly, thanks!

    May 2, 2018 at 6:12 am #55629

    Elise Noromit
    Member

    You are always welcome! If you have any questions feel free to contact us.

    Best Regards

  • Author
    Posts
Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Desktop v. Mobile Sizing’ is closed to new replies.