Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #1395142

    Hello, the row below the banner is a bit out of proportion in relation to the banner itself.
    not on a desktop, but on a mobile it is.

    is there a way to make this part a bit less high for small screens?

    and also …. a way to accomplish that the text will be smaller on a mobile / small screen, so smaller characters?

    best regards, jelle vanhijfte

    https://jetcrone.nl/wp-content/uploads/2023/01/high.jpg

    • This topic was modified 1 year, 11 months ago by jeel147.
    • This topic was modified 1 year, 11 months ago by jeel147.
    #1395304

    Hey jeel147,

    Thank you for the inquiry.

    You can adjust the padding of the first section using the following css code.

    .home div#av_section_1 .template-page.content.av-content-full.alpha.units {
        padding: 10px;
    }

    And to adjust the size of the text on mobile view, edit the element (special heading) in builder, go to the Styling tab and configure the Font Sizes settings.

    Best regards,
    Ismael

    #1395307

    Hi Ismael,
    thank for your reply.

    imagine i want to change padding on the first section only at one certain page, for example the homepage. i can use your original solution

    .home div#av_section_1 .template-page.content.av-content-full.alpha.units {
        padding: 10px;
    }

    but what if i need to change one particular page, not the home page
    is it enough to just mention the title of the page, in the beginning of the code?
    So, there is this page called over-mij, i think this page would NOT need any padding for example , should the code be than:

    .over-mij div#av_section_1 .template-page.content.av-content-full.alpha.units {
        padding: 0px;
    }

    ?

    Can i just relate to it by mentioning the name of the page, or do i need an ID?

    and what if i want to have this code for all the pages on the website? just leave .home away in the code?

    ————————–

    for the fonts: in the settings one can change the fonts, in general, but is there a way to say:
    on my Desktop the font-size can be 18px for a title (H3 for example) but on a mobile it should be only 12 px?

    best regards, jelle

    • This reply was modified 1 year, 11 months ago by jeel147.
    • This reply was modified 1 year, 11 months ago by jeel147.
    • This reply was modified 1 year, 11 months ago by jeel147.
    • This reply was modified 1 year, 11 months ago by jeel147.
    • This reply was modified 1 year, 11 months ago by jeel147.
    • This reply was modified 1 year, 11 months ago by jeel147.
    • This reply was modified 1 year, 11 months ago by jeel147.
    • This reply was modified 1 year, 11 months ago by jeel147.
    • This reply was modified 1 year, 11 months ago by jeel147.
    #1395716

    Hi,
    Thank you for your patience to use this css for another page that is not the home page you would replace .home with the ID of the page.
    So for the post over-mij you can find the ID by hovering over the “edit” link and look at the bottom of the page for the hover link, you will see the ID is 22, so for posts you would use .postid-22 instead of .home, if it was a page you would use .page-id-22
    I think there are some plugins that will show the IDs in an easier way.
    If you want it to work for all pages and posts then remove the .home

    Best regards,
    Mike

    #1395892

    Ok thank you Mike, this was ecactly what i needed to know.
    last question about font sizes on mobiles, i can figure it out myself i think.

    if you want, you can close this ticket
    best regards, jelle

    #1395898

    Hi,
    For the special heading element you can choose the font size based on screen size, go to the screen options tab and pick your sizes:
    Enfold_Support_262.jpeg

    Best regards,
    Mike

    #1397425

    thanks mike, thats brilliant, didnt know this.
    you can close this ticket now.
    best regards, jelle vanhijfte

    #1397452

    Hi,
    Glad we were able to help, if you have any further questions please create a new thread and we will gladly try to help you. Thank you for using Enfold.

    Best regards,
    Mike

Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘row too high on mobile’ is closed to new replies.