Viewing 15 posts - 1 through 15 (of 15 total)
  • Author
    Posts
  • November 28, 2019 at 2:33 am #1160851
    Soichiroda0525

    Hi Kriesi !
    It’s a great theme!
    But I’m a little in trouble.
    If I set this 5column elements on footer,It will look strange on smartphone…

    I want the footer to display the menu using 5 columns.
    However, there is a space between the columns, which makes the menu strangely long.

    So,I want to make this space short,and want to make these menus centerd.
    Is there any special way to get them?

    I want to know
    ①How tomake code for smartphone
    or
    ②How to load data from another page when only displaying a smartphone

    I’ll attach an image! ( in google drive)
    Please refer to this.

    Best regards

    November 28, 2019 at 4:35 pm #1161034
    Victoria

    Hey Soichiroda0525,

    Could you please give us a link to your website, we need more context to be able to help you.

    We can try to reduce that space on mobile.

    Best regards,
    Victoria

    November 29, 2019 at 2:03 am #1161136
    Soichiroda0525

    Thank you for reply,Victoria!

    I added a link.
    I need your help!

    Many thanks
    Soichiro

    December 1, 2019 at 1:14 pm #1161600
    Rikard

    Hi Soichiro,

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

    @media only screen and (max-width: 767px) {
#black-studio-tinymce-2 p, #black-studio-tinymce-3 p {
  text-align: center !important;
}
}

    Best regards,
    Rikard

    December 3, 2019 at 3:40 am #1162055
    Soichiroda0525

    Hi Rikard!
    It works! Thank you so much.

    However,
    I also want to try reduce space between column to column on mobile.

    How can I do that??

    Best,
    Soichiro

    December 3, 2019 at 7:28 pm #1162339
    Jordan Shannon

    Hi,

    Add this to quick css:

    
@media only screen and (max-width: 767px)  {
#footer .widget {
    margin: 0px 0 0px 0!important;
}}

    Best regards,
    Jordan Shannon

    December 3, 2019 at 7:29 pm #1162341
    Jordan Shannon

    Hi,

    Add this to quick css:

    
@media only screen and (max-width: 767px)  {
#footer .widget {
    margin: 0px 0 0px 0!important;
}}

    Best regards,
    Jordan Shannon

    December 9, 2019 at 5:27 am #1163970
    Soichiroda0525

    Hi Jordan!!
    It works !
    Thank you so much!

    And I also want to add space only on the first column on mobile screen.
    Because,It looks cramped If I refuse all spaces.

    Best,
    Soichiro

    December 9, 2019 at 7:17 pm #1164130
    Victoria

    Hi Soichiro,

    https://cl.ly/e8236ff2315e Here is what I am seeing. Where do you need to add space?

    Best regards,
    Victoria

    December 10, 2019 at 9:20 am #1164344
    Soichiroda0525

    Hi Victoria,
    Thank you for your reply.

    ①
    >>https://cl.ly/e8236ff2315e Here is what I am seeing. Where do you need to add space?
    ↓
    I show explanation.
    Could you check link below please?

    ②By the way,
    I have another question.
    I set links,
    But they didin’t work.
    I set links into Grid Row.
    I think the reason why is that I use “#” into link.
    Although I need “#” into llink.
    Could you tell me how to make it work?

    I have prepared llink for expalanation .

    Hope you check it!!

    cheers!!
    Soichiro

    December 13, 2019 at 8:43 pm #1165637
    Victoria

    Hi Soichiro,

    https://share.getcloudapp.com/6quLBzyy I see this code adding 60px padding, is this not enough for you? You simply need to find this code in your Quick css and increase the value.

    As for the other issue, can you give us temporary admin access to your website in the private content box below, so that we can have a closer look?

    Best regards,
    Victoria

    December 14, 2019 at 2:30 am #1165746
    Soichiroda0525

    Hi Victoria,

    Thank you for your reply.
    Yes,
    I found how to add space while I was waiting for your reply.

    However, another one is not solved.
    So, i give you admin access in the private content box.
    Could you check please?

    Best,
    Soichiro

    December 16, 2019 at 8:06 am #1166255
    Ismael

    Hi,

    Sorry for the delay. We can’t access the login page. Did you change the login URL? Have you tried adding the same css in the EN theme options?

    Best regards,
    Ismael

    March 12, 2020 at 11:58 am #1192560
    Soichiroda0525

    Thank you for your reply,
    But I’m sorry to reply from me lately.

    Could you close this thread?
    Thank you!

    Best regard,
    Soichiro

    March 12, 2020 at 1:34 pm #1192580
    Jordan Shannon

    Hi,

    If you need additional help, please let us know here in the forums.

    Best regards,
    Jordan Shannon

  • Author
    Posts
Viewing 15 posts - 1 through 15 (of 15 total)
  • The topic ‘About the difference between PC and smartphone in footer’ is closed to new replies.