Results 1 to 5 of 5
  1. #1
    Join Date
    Feb 2011
    Posts
    106
    Plugin Contributions
    0

    Default Phone number in top wrapper on laptop, doesn't show on mobile.

    Hi All,
    2 questions:
    1)I have my phone number across the top wrapper as per :: http://www.selfbuildplans.co.uk/. This is not lined-up with the login, checkout etc. icons, shown to the right. Can anyone tell me how to make this happen as when i change the padding it alters both?

    2)Also the phone number wont show in the top wrapper on the mobile browser. Any help to achieve this would be appreciated.

    Thanks.

  2. #2
    Join Date
    Feb 2011
    Posts
    106
    Plugin Contributions
    0

    Default Re: Phone number in top wrapper on laptop, doesn't show on mobile.

    Sorry 2) should of read...

    2)Also i want the phone number to show in the top wrapper on the mobile browser but if I change the css it changes the phone numbers position on the main site. I need a margin of 320 on main site and 100 on mobile. Any help to achieve this would be appreciated.

    Thanks.

  3. #3
    Join Date
    Dec 2010
    Posts
    28
    Plugin Contributions
    0

    css problem Re: Phone number in top wrapper on laptop, doesn't show on mobile.

    Do you need a margin of 320px to keep your phone number left top?
    If so, it may be better to add some html tags and change CSS.
    You can see your phone number goes to near the center of header if you change your browser size.

    1)
    Edit
    includes/templates/westminster_new/css/stylesheet.css
    Code:
    .logoText {/* float: left; *//* margin-left: 320px; */margin-top: 10px;font-size: 150%;color: #fff;position: absolute;width: 100%;}
    Edit
    \includes\templates\westminster_new\common\tpl_header.php (I don't know which file you added your phone number, might be this?)
    Code:
    <div class="logoText"><div class="onerow-fluid">Tel: **** *** ****</div></div>

    2)
    If I remember correctly, Westminster_new template has tpl_header_mobile.php in the common directory.
    And in the css directory, it has responsive_mobile.css.
    Search and edit them.

  4. #4
    Join Date
    Feb 2011
    Posts
    106
    Plugin Contributions
    0

    Default Re: Phone number in top wrapper on laptop, doesn't show on mobile.

    Hi K1979,
    Thanks for your coding. I have added these to the suggested files and all works fine except in the chrome mobile browser it appears to the right and in the firefox/opera browser it appears to the left.
    https://www.selfbuildplans.co.uk
    Any thoughts on how to centralize please?
    Thanks.

  5. #5
    Join Date
    Dec 2010
    Posts
    28
    Plugin Contributions
    0

    Default Re: Phone number in top wrapper on laptop, doesn't show on mobile.

    Do you want to keep your phone number on the top of the center for mobile?
    If so, add .logoText {text-align: center;} to the responsive_mobile.css, not to responsive.css.

    If you also change responsive.css, it will affect your main site.

 

 

Similar Threads

  1. Show Store Phone Number Only
    By Webskipper in forum General Questions
    Replies: 3
    Last Post: 5 Jul 2018, 05:52 PM
  2. v154 logging how customers placed their orders with phone or laptop
    By travbacon in forum General Questions
    Replies: 2
    Last Post: 10 Jun 2015, 02:54 AM
  3. Westminster New doesn't work on mobile phone
    By Pompidompie in forum Addon Templates
    Replies: 3
    Last Post: 26 Mar 2015, 10:34 PM
  4. Show customer phone number in confirmation email
    By mfeinf in forum Managing Customers and Orders
    Replies: 6
    Last Post: 31 May 2012, 08:20 PM
  5. v150 Add Phone Number to Contact Us - phone number is not on the emails?
    By ljdream00 in forum All Other Contributions/Addons
    Replies: 2
    Last Post: 18 Apr 2012, 10:37 PM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
disjunctive-egg
Zen-Cart, Internet Selling Services, Klamath Falls, OR