Navigation
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • #1371866
    Papabear1609
    Participant

    Hi there, I have created a page in cornerstone that displays beautifully on the desktop version of my site, however when i view the page on mobile the structure is not displaying correctly, I would like the image to be displayed above the information.

    Could you help me achieve this.

    my url is http://ftmv.org/artwork/1-prints/

    #1371965
    Joao
    Moderator

    Hi There,

    Please try adding the following code to Appereance Customizer Custom CSS

    @media(max-width: 769px) {
    .page-id-547 div.x-container.max.width {
    padding: 0 !important;
    } }

    Hope it helps

    Joao

    #1372218
    Papabear1609
    Participant

    Hi there,

    Images look better as they are now bigger but it is placing the text on top of one another as opposed to displaying the image first and then the text for each one.

    #1372352
    Rupok
    Member

    Hi there,

    Thanks for writing back. That’s the usual feature and the code above is not causing this. When the column stacks, the right one goes under the left one. If you don’t want this then you will need to place duplicate section/column and hide for mobile/desktop accordingly.

    Hope this makes sense.

    #1372360
    Papabear1609
    Participant

    ok thanks i will play around and see what works.

    could you help me with one more thing please: how do i increase the size of the social media icons in the footer?

    thank you very much

    #1372895
    Friech
    Moderator

    Hi There,

    You can add this on your custom CSS on Customizer.

    footer.x-colophon.bottom .x-social-global a {
    	    font-size: 300%;
    }

    Feel free to adjust the 300% value.

    Thanks.

    #1374940
    Papabear1609
    Participant

    Thank you very much, that worked great.

    If i wanted to change the social media icons with official icons or even just change the colour and the hover colour of the social media icons how would i go about doing that?

    Thank you for your time and great service!

    #1375353
    Joao
    Moderator

    Hi There,

    To change the color or natural and hover stated, please add the following code to Appereance Customizer Custom CSS

    footer.x-colophon.bottom .x-social-global a {
    	    color: red;
    }
    
    footer.x-colophon.bottom .x-social-global a:hover {
    	    color: blue;
    }

    If you would like to change your social media icons, please follow this thread:

    https://community.theme.co/forums/topic/want-to-add-custom-social-media-icons-how-to-do-it/page/2/#post-318884

    Hope it helps

  • <script> jQuery(function($){ $("#no-reply-1371866 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>