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

    Hi,

    I am having a few issues. First off, I am trying to create a second sidebar on the right side of my page (the one on the left is perfect). I have added a widget area with two images stacked on top of each other, with a black background. The main problem I am running in to is I am unable to position the sidebar to the far right (with CSS) so that it is displaying properly on both tablets and wide screens (I have hidden on mobile). If I get the custom sidebar perfect on my wide screen, the image will be slightly cut off on the laptop.

    Secondly, I am trying to get a few of my pictures to be responsive on a mobile device. I have added a Grid Row with 2 columns (50/50). The left side has my heading, text, and icon list. The right side has a 650 x 680 image. The section looks great on a desktop, but when I view it on my mobile device the picture shrinks down and becomes really thin and wide. It would be awesome to increase the size vertically on the mobile.

    If somebody could help with these questions, it would be great!

    #840649

    Hey nobletech,

    Unfortunately it would require quite some time and customization of the theme to achieve this, so I am sorry to tell you that this is not covered by our support. However if its really important for you to get this done, you can always hire a freelancer to do the job for you :)

    Best regards,
    Basilis

    #840660

    Hey Basilis,
    Any help with the second question about the pictures in the grid row? There was no extra customization done in that section, it was done with the theme builder.

    Thanks

    #842193

    Hi,

    That is also I am afraid the way that the grid works.
    We can not provide a code that can help ” brake ” the grid or separate it, it will create more issues than what you think.
    A better case is maybe we move that, on mobile below faster.

    Best regards,
    Basilis

    #871372

    Hi,
    I wanted to adjust the standard font size for different devices (Tablet and Smartphone) in the extendes styling menue. So far I couldn’t find a possibility where to choose which item respectively which screensize.
    Would be pleased, if you could help me.
    Best regards
    Jutta

    #871659

    Hi,

    Please try the following in Quick CSS under Enfold->General Styling:

    /* Tablet */
    @media only screen and (min-width: 768px) and (max-width: 1024px) {
    #header_main .avia-menu-text {
      font-size:16px !important;
    }
    }
    
    /* Phone */
    @media only screen and (max-width: 767px) {
    #header_main .avia-menu-text {
      font-size:12px !important;
    }
    }

    Best regards,
    Rikard

    #875129

    Hi Rikard,
    thanks for your answer and the coding. I needed more coding for the bodytext, for the headlines, for the counting numbers.
    At the moment with vour coding only the menu-text is effected.

    Thanks for your help
    Jutta

    #875713

    Hi Jutta,

    Can you be more specific please on what element you need to adjust and what changes you need?

    Best regards,
    Victoria

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

You must be logged in to reply to this topic.