Need to make my footer to a single line only in pc it shouldnt effect the mobile layout .

[Shahil1]

Need to make my footer to a single line only in pc it shouldnt effect the mobile layout in any way

this is the current layout

[eComInsider]

Hi @Shahil1. 

You can short the text or remove 1 of the page from footer menu. for example you can short: Terms of Service to Terms only. 

Thank you. 

[niraj_patel · Accepted solution]

Hello @Shahil1 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (min-width: 990px) {
   .footer-block:only-child li {
       display: inline-flex !important;
    }
}
</style>

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

[BSS-TekLabs]

- Here is the solution for you @Shahil1 
- Please follow these steps:

- Then find the theme.liquid file.
- Then add the following code at the before tag </head> and press 'Save' to save it.

 

<style>
@media screen and (min-width: 750px) {
    .footer-block__details-content {
        display: inline-flex !important;
    }
}
</style>

- Here is the result you will achieve:

- Please press 'Like' and mark it as 'Solution' if you find it helpful. Thank you.