Tagged: 

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #785442

    Hi
    I had to put the button into the text block these would display attached to their content on iPhones. However, it’s hard to maintain horizontal alignment on the desktop and ipad devices. Is there a way to control and maintain horizontal alignment in any way have not thought of.

    Here’s two pages where I use horizontal buttons within three icon boxes.

    Coaching

    I am launching tomorrow, but would like this fixed as soon as possible.

    Thanks
    Lyse

    #785518

    Hey tremblayly,

    First off, thanks for using our theme :)

    To solve this, you just need to change the font-size from the buttons using this custom CSS code:

    @media only screen and (max-width: 769px) {
        .iconbox .avia-button-wrap span {
            font-size: 13px !important;
        }
    }
    

    Best regards,
    John Torvik

    #785757

    Hi John

    Sorry but that did not change anything. The buttons still don’t align and I do not see the font size changed.

    Thanks
    Lyse

    #785847

    Hi,

    Try adding this css code in Quick CSS:

    
     @media only screen and (max-width:1024px) and (min-width:768px) { 
      .page-id-1227 #av_section_4 .flex_column.av_one_third .iconbox {
        position: static;
      }
    
      .page-id-1227 #av_section_4 .flex_column.av_one_third .iconbox .avia-button-wrap {
        width: 160px;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -80px;
      }
    
      .page-id-1227 #av_section_4 .flex_column.av_one_third .iconbox .avia-button-wrap > a {
        padding: 15px !important;
      }
    }
    

    Let us know if this helps :)

    Best regards,
    Nikko

    #785852

    Hi Nikko,

    I added the CSS code and did not see a change, however, should I get rid of the custom white space I added within each of the textblock to make these lineup. Would that make the snippet work better?

    Also, should I create an ID for that section to use within the code snippet just in case that section gets moved and is no longer section 4?

    Thanks
    Lyse

    #785876

    Hi Lyse,

    The changes should be seen on a tablet or ipad. Did you put the code in Quick CSS? if yes, if you have a caching plugin try to flush the cache, if not, can you give us temporary admin access? so we can check why it’s not working.

    Best regards,
    Nikko

    #785891

    Hi Nikko

    The code is in my child theme custom styles.css. And yes it is for mobile devices only. I did clear server cache.

    I have included credentials below.

    Thanks
    Lyse

    #786422

    Hi Lyse,

    I think it is still cached. I have posted screenshots and links in Private Content, the first one is the screenshot on style.css in the editor and it shows that the code has been added. But if you check on the site and view source, then find the link of child theme’s style.css and view the code, you should see the code is not showing up there (screenshot 2). Can you disable the caching plugin? and check if the code is working.

    Best regards,
    Nikko

    #787227

    Hi Nikko,

    The cache is control by WP Engine, I have a tool to purge all cache and also clear cache. I use both all of the time.

    I see the code is there, but still not lining up the buttons on the ipad device.

    Thanks
    Lyse

    #787537

    Hi Nikko,

    My client wants to launch now. So I will continue troubleshooting the mobile displays issues on my staging area until we can find a solution.

    Thank you for all of what you have done so far….

    Lyse

    #788090

    Hi,

    Please provide us with the staging area, so we can take a look there.

    Thank you

    Best regards,
    Basilis

    #788108

    Hi Basilis,

    Here’s the link: http://crescendo.staging.wpengine.com/wp-admin/ (hosted on WPengine)

    Your credentials should work as I deployed the production site over.

    Thanks
    Lyse

    #789396

    Hi,

    Please check the css codes specially the css media queries and make sure that there are no extra or missing curly braces.

    Best regards,
    Ismael

Viewing 13 posts - 1 through 13 (of 13 total)
  • You must be logged in to reply to this topic.