Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • September 23, 2014 at 3:41 pm #323728
    codecreative

    Hi
    Basically I want my table cells to be at 50% width. I want to have a table that has 2 columns and 2 rows but I only want this table to display for smart phone. I have managed to that fine if you go to

    http://www.jasminesboutique.co.uk/
    .
    Just wondering what the best approach is now to style the table. I want this table to run the full width of the display screen. At the moment it appears to be inside of a container div. Is there a way I can have this full screen width in the same way the mobile slider beneath is?

    Please advise. Should I apply a custom style to the table?

    Any tips on how to correct this and css to style this for the desired layout will be greatly appreciated?

    September 24, 2014 at 5:55 am #324044
    Josue

    Hey!

    I don’t see any table in the link you posted, only a slider.

    Cheers!
    Josue

    September 25, 2014 at 12:41 pm #324905
    codecreative

    Hi Josue

    Please adjust your browser width. As you scale the width down you will see the mobile version of the site. And the mobile slider and mobile tabs table will appear.

    Please advise

    September 25, 2014 at 1:02 pm #324917
    Yigit

    Hi!

    Please add following code to Quick CSS

    @media only screen and (max-width: 480px) {
ul.pricing-table li {
width: 100%;
}}

    Best regards,
    Yigit

    September 25, 2014 at 6:28 pm #325146
    codecreative

    Hi Yigit

    Can I have the table be full screen width? Remove the padding from the top and bottom as well?

    I’m trying to remove white space

    September 25, 2014 at 6:31 pm #325147
    Yigit

    Hey!

    Please add following code to Quick CSS as well 

    @media only screen and (max-width: 480px) {
.home div#after_layer_slider_1 .container { width: 100%; margin: 0; }
div#after_layer_slider_1 .content { padding: 0; }}

    Regards,
    Yigit

    September 26, 2014 at 10:59 am #325499
    codecreative

    Hi

    That’s worked great! Thank you so much

    I have 1 final question. The menu toggle button that has the class name #advanced_menu_toggle and it seems a bit out of place near the logo. How can I have it sit on the top to the right of the social media buttons?

    September 26, 2014 at 1:54 pm #325576
    Yigit

    Hi!

    Seems like you have already found the code to change its position? :)

    Cheers!
    Yigit

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