align custom icon

Home Forums Pro Support align custom icon

This topic contains 12 replies, has 2 voices, and was last updated by Kriti Sharma Kriti Sharma 1 week, 2 days ago.

Viewing 13 posts - 1 through 13 (of 13 total)
  • Author
    Posts
  • #69572

    hi I have a custom icon for my menu
    but it’s not aligned to the middle of the text menu item
    how can i control its alignment and padding to the left
    can you please help me with css to do so
    here is the link to the site

    test

    thanks
    Amir

    #69573
    Kriti Sharma
    Kriti Sharma
    Keymaster

    Hi Amir,

    Unfortunately I am unable to access your website on my browsers. Please get it checked from your web developer. I am also attaching the screenshot with my response.

    Regards,
    Kriti

    Attachments:
    You must be logged in to view attached files.
    #69581

    Hi, this is the second time you have given me this answer without providing me with support.
    my web site works fine and can be seen worldwide. maybe the problem is in your web provider what country are you working from maybe thats the problem. please try harder to see my web site or if you cannot do so either provide me with a refund or try harder to understand my problem and provide a fix. I am sure I am not the first one to see that the custom icons do not align well with the menu item in RTL languages. I will attach a screen shoot for you. its all a question of effort, as always in life.
    if you are not willing to try then, unfortunately, i will ask for a refund.

    Amir

    Attachments:
    You must be logged in to view attached files.
    #69583
    Kriti Sharma
    Kriti Sharma
    Keymaster

    Hi Amir,

    Please give me some time to look into the issue. I will get back to you soon with a resolution to the problem.

    We are always happy to help our customers.

    Regards,
    Kriti

    #69584
    Kriti Sharma
    Kriti Sharma
    Keymaster

    Hi Amir,

    Can you please tell me what browser and operating system are you using for your website? I am using Google Chrome and Windows 10 to operate your website.

    Regards,
    Kriti

    #69585

    Thanks, i am using either chrome or firefox, usually chrome and the operating system is.
    windows 10.

    #69586
    Kriti Sharma
    Kriti Sharma
    Keymaster

    Hi Amir,

    We need following things to test the issue on our test website so that we can provide you a working CSS solution.

    1. JSON export file of your responsive menu pro settings.
    2. The image file of your custom image icon.
    3. The download link of your WordPress theme.

    Regards
    Kriti

    #69592
    This reply has been marked as private.
    #69594
    This reply has been marked as private.
    #69595
    Kriti Sharma
    Kriti Sharma
    Keymaster

    Hi Amir,

    One sample icon is enough for testing purpose. But I can’t access the JSON export file of the plugin, can you please email me export file at the support email id.

    Regards,
    Kriti

    #69597
    Kriti Sharma
    Kriti Sharma
    Keymaster

    Hi Amir,

    Here is the working CSS solution we tried on our test website.

    In icon input, use the following example image html code.

    <img class="menu-icon-1" src="https://responsive-menu-pro-stg1.expresstech.dev/wp-content/uploads/2019/11/ecological-pools-3.png"/>

    Replace the image URL with the actual image url of your website.

    Notice the following class in the image HTML code.

    class="menu-icon-1"

    This is a style class for using custom css to apply a specific style to that image icon.

    For every custom image icon, you change the class name, so that you can apply a specific custom style to it.

    Use the following custom css to apply a specific style to the above-mentioned image html.

    .menu-icon-1{
    float:right;
    width:30px;
    height:auto;
    position:relative;
    top:5px;
    left:10px;
    }

    You can adjust the width value to change size of image icon on front-end.

    Instead of adjusting padding, you can use relative positioning.

    You can change the top and left value to adjust the position of the image icon.

    This is how it looked on our test site.

    https://drive.google.com/open?id=1b4vWccFaQy1LusNYunwH_7Z3n-TtVq5I

    Hope this works for you too.

    Regards,
    Kriti

    #69598

    ok great,
    now that’s some kick a?? support.
    thanks a lot.
    appreciate it.

    #69599
    Kriti Sharma
    Kriti Sharma
    Keymaster

    Hi Amir,

    I am glad that the solution worked for you. Thanks for reaching out to us.

    Regards,
    Kriti

Viewing 13 posts - 1 through 13 (of 13 total)

You must be logged in to reply to this topic.