Configuration of Web Site for Mobile and Ipad

About this forum
These forums have not been active for several years. They're available for search and reference, but a lot of this information is likely out of date.

For current information, try visiting our Knowledge Base.

Home / Support / Beaver Builder Theme / Configuration of Web Site for Mobile and Ipad

This topic is: resolved
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • #114850

    Stephen
    Participant

    Hi,

    Please could you point me in the right direction for my BBtheme web site (with BBplugin) to be properly viewed with a mobile and the ipad.

    For the ipad – it is just the header and to make the top horizontal menu smaller.

    For the iphone – it is the welcome banner and to have each of the headings under their relevant image. The footer is fine in all cases.

    I have found the Change Row Background Image on Mobile View. I am aware of the advanced settings for a row where a row can be viewed for various devices but I am not sure of the mechanics of doing a menu or row just to be viewed by tablets or mobile. How do I set the width of the row for a tablet or mobile please ? Any other advice would be very welcome !

    Thank you for the help.

    Best regards,

    Stephen

    #114987

    Jun
    Keymaster

    Hey Stephen!

    Would it be possible for you to share with us the URL to your site so we can take a close look, please?

    Jun

    #114991

    Stephen
    Participant
    This reply has been marked as private.
    #115017

    Danny
    Keymaster

    Hi Stephen,

    I apologise, but I am not quite what you’re trying to do. Therefore, is it possible for you to provide some screenshot showing what you want on a tablet and phone, please?

    Thanks,
    Danny

    #115245

    Stephen
    Participant
    This reply has been marked as private.
    #115371

    Danny
    Keymaster

    Hi Stephen,

    So you want to configure your page so that all the “High-Vis Bags”, “Waist Coats” and so forth appear below all the images on mobile devices (small)?

    To do that you will need to set the modules that contain “High-Vis Bags”, “Waist Coats” etc… to display on “Large and Medium Devices Only“. You can set this on the Module settings > Advanced > Responsive Layout.

    Then you will want to add a new row beneath all those images and add your titles via modules. Then set the Responsive Layout for those modules to Small Devices Only.

    Hope this helps!

    Thanks,
    Danny

    #115373

    Stephen
    Participant

    Hi Danny – many thanks. All understood apart from:

    Then you will want to add a new row beneath all those images and add your titles via modules.

    Re modules – Do I just add a test editor row beneath the current one and place the title in that please ? Sorry about the bone question but just so I understand.

    Many thanks for the help !

    Stephen

    #115380

    Danny
    Keymaster
    This reply has been marked as private.
    #115531

    Stephen
    Participant

    Hi Danny,

    Many thanks for your patience and help.

    I am trying to get the wording under each product rather than having all the wording at the bottom. I have loaded the page and narrowed the browser and though the wording disappears beneath each product when I narrow the screen, the wording you added appears at the bottom screen.

    I have added another text editor under a couple of products and configured them to be seen on small devices only and yet they still appear at the bottom of the screen together rather than under the product. I am not sure how best to proceed.

    Any advice – most gratefully received. Many thanks

    Best regards,

    Stephen

    #115543

    Stephen
    Participant

    Hi Danny,

    I have been thinking about this and I think I have been stupid.

    If I make the version I have now for large and tablet screens only and then do a single column with the four products with wording underneath to be viewed on a mobile only then that should work perhaps ? What do you think ?

    This is probably what you were telling me but I didn’t realise. I think I need a walk as the brain is getting addled ! Thanks for the help !

    Stephen

    PS. edited – just done as per above and it works !

    #115692

    Danny
    Keymaster

    Hi Stephen,

    Happy to hear you have resolved your issue and thanks for informing us, we appreciate it.

    Thanks,
    Danny

Viewing 11 posts - 1 through 11 (of 11 total)

The forum ‘Beaver Builder Theme’ is closed to new topics and replies.