HomeSupport systemWordPressBiolifeMove account button in mobile version
  • Customer

    Move account button in mobile version

    Posted by: bouker2 Feb 7, 2021 at 00:29 (4 year ago)
    Hello,

    I would like to move the account button on the mobile version of the website to the right. It is currently showing in the middle it doesn't look good. I added an image for reference.
    And is it possible to add a text next to that icon that says the name of the user for example of login if not logged in.

    Thanks,

    601f34b81856d.jpg
    Screenshot_20210206-193005_Chrome-601f3479ded7a.jpg
  • Customer

    Posted by: bouker2, Feb 8, 2021 at 17:23 (4 year ago)

    Hello,

    Just to be clear, I would like the acount/login icon to be on the right instead of showing in the middle of the screen in the mobile version.
  • Customer

    Posted by: yame, Feb 9, 2021 at 07:57 (4 year ago)

    Hi, @bouker2

    I asked my coder. This is a customized job so you have to do this in code.
    And remember when you update the theme, all your changes will be lost. Be careful when modifying anything in the Main theme

    Regards,
    Yame
  • Customer

    Posted by: bouker2, Feb 9, 2021 at 13:50 (4 year ago)

    What I dont understand is that on my PC when I put my browser in mobile size, the icon shows on the right but not on a browser of a mobile phone.
    icon-6022931b82f26.png
  • Customer

    Posted by: bouker2, Feb 10, 2021 at 00:49 (4 year ago)

    So can your coder do it and tell me what he has changed so that I add it to the code (CSS file I guess) when there is a theme update ?
  • Customer

    Posted by: bouker2, Feb 10, 2021 at 00:57 (4 year ago)


    I tried to change this (in header.scss file):
    @media (max-width: 479px)
    .header.style-07 .header-top .header-inner > div {
    flex: 1 1 100%;
    max-width: 100%;
    width: 100%;
    text-align: center;
    with:
    @media (max-width: 479px)
    .header.style-07 .header-top .header-inner > div {
    flex: 1 1 100%;
    max-width: 100%;
    width: 100%;
    text-align: right;

    It works in the developer tools of Chrome but when I refresh the file the "text-align: right" returns to center even when I modify the scss file
  • Manager

    Posted by: yame, Feb 13, 2021 at 15:10 (4 year ago)

    So pls provide me your admin account. I will ask the coder to check this for you
  • Customer

    Posted by: bouker2, Feb 16, 2021 at 00:35 (4 year ago)

    Here you go:
  • Manager

    Posted by: yame, Feb 16, 2021 at 11:13 (4 year ago)

    Thanks. I sent it to my coder and he will help you to check later.
    I will inform you when I get his feedback
  • Customer

    Posted by: bouker2, Feb 17, 2021 at 20:06 (4 year ago)

    Ok I will be waiting
  • Manager

    Posted by: yame, Feb 19, 2021 at 10:17 (4 year ago)

    I am also waiting for him.
    I ask him again and he is checking. I will inform you when he gives me his answer. Thanks for your patience!
  • Manager

    Posted by: yame, Feb 19, 2021 at 10:26 (4 year ago)

    He says that it may be because your computer cannot compile the css file.
    So, the simple way is that you can copy the CSS code and paste in the Editor Style of Theme Options: https://prnt.sc/100pnhc
    And remember to backup the CSS code when you update the theme

    Hope that's useful for you!
  • Customer

    Posted by: bouker2, Feb 20, 2021 at 15:16 (4 year ago)

    It's not working correctly.
    Can you please tell me what css code to put ?

    Thanks
  • Manager

    Posted by: yame, Feb 22, 2021 at 09:10 (4 year ago)

    The code is written by you. And you should add in the CSS of Theme Options like this: https://prnt.sc/103jyo7 then style again.
    It will work
  • Customer

    Posted by: bouker2, Feb 22, 2021 at 14:38 (4 year ago)

    Yes I tried it and it didn't work.
    When i add it in the Editor Style, it breaks the design of the header and the button goes to left instead of right
  • Manager

    Posted by: yame, Feb 23, 2021 at 08:04 (4 year ago)

    My coder modified for you.
    Also, you use the Child theme, so you can add the css code into the file style of the Child theme, You will not need to take the backup
    Pls check again then let me know
  • Customer

    Posted by: bouker2, Feb 23, 2021 at 14:56 (4 year ago)

    Thanks,

    It is working now.

INSTALLATION SERVICE

Theme Installation: $49. Pay now

CUSTOMIZED SERVICES

Use our expert service to turn your ideas into reality. Please send an email to kutethemes@gmail.com to provide the more detailed information. Thanks!

WORKING TIME

Our support service works from Monday to Friday.
Mean time (GMT +7):
+ 7:30 - 11:30 AM
+ 1:30 - 5:30 PM
We will try to answer all the questions within 24 hours and solve them as quickly as possible

FORUM CATEGORIES