Shop Categories

X

Transfer the Agama pro to another site.

Home Forums Agama Pro Transfer the Agama pro to another site.

Topic Resolution: Resolved
Viewing 15 posts - 106 through 120 (of 246 total)
  • Author
    Posts
  • #22970
    Vladimir Berlizov
    Participant

    Is it possible to pull the picture a little higher to the header?

    #22971
    Zex
    Moderator

    Hi,

    I have additionally inserted the following custom CSS code to reduce the gap between the Logo and Slider on screen smaller width than 992 px.

    /*top gap*/
    @media (max-width:992px) {
    .vision-row {
        padding-top: 0px !important;
    	}
    }

    Regards

    #23043
    Vladimir Berlizov
    Participant

    Hello, Zex!

    As it is correct to place the button “Отправить” in the center of a form for the tablet and a mobile?
    I use such code

    .my-submit-button {
    margin: 0px 0 0 114px !important;
    }

    @media only screen and (max-width:480px) {
    .my-submit-button {
    margin: 0px 0 0 82px !important;}
    }

    But it is necessary that these values differ for the tablet and mobile
    And it is even better that this be done automatically!

    Vladimir

    #23044
    Vladimir Berlizov
    Participant

    yadi.sk/i/eCSZ8N4diyozog

    #23045
    Zex
    Moderator

    Hello, Vladimir!

    Use the following code instead of the codes you currently have (remove the above codes):

    .my-submit-button {
    /*  background: linear-gradient( to right, #67b26f, #67b26f) !important; */
    	background: #a5a5a5 !important;
      font-size: 12px !important;
      color: #fff !important;
      border: none !important;
      border-radius: 5px !important;
      display: block!important;
      margin: 0 auto!important;
      padding: 6px !important;
      text-transform: capitalize !important;
      letter-spacing: 1px !important;
    }

    Regards

    #23047
    Vladimir Berlizov
    Participant

    I removed this code, but everything moved to the left!

    #23048
    Zex
    Moderator

    No, Problem.

    I inserted the code for you.

    https://prnt.sc/qngoo3

    Regards

    #23049
    Vladimir Berlizov
    Participant

    Yes! I didn ‘t think to use auto!!!

    #23050
    Zex
    Moderator

    🙂 Now you know.

    #23081
    Vladimir Berlizov
    Participant

    Hello, Zex!

    Just noticed and corrected the spelling of the phrase “Электронная почта” (was “Электронной почты”) as it stopped being displayed
    .social-icons.Электронная почта:before{
    content: “\f1fa”;
    }
    What is the reason? and what means – content: “\f1fa”;

    Vladimir

    #23085
    Vladimir Berlizov
    Participant

    I can’t send text again, so I’m sending a picture

    yadi.sk/i/JvGy-HEq53JL-Q

    #23104
    Zex
    Moderator

    Hello Vladimir.

    I have fixed the problem.

    “\f1fa” is the code for the Font Awesome “@” sign.
    https://prnt.sc/qnwzay

    Regards

    #23105
    Vladimir Berlizov
    Participant

    Hello, Zex!

    I thank for the help!

    I decided to redo the footer, because it will look very badly on tablets and mobile. To do this on the site test.mmrestobar.site I formed an easier option.

    The question is. Why does a phrase “Masters & Margaritas ….” take some width rather than stretching over the entire width of the screen? Can this be regulated?
    And how to move social icons right and down?

    Vladimir

    #23107
    Zex
    Moderator

    Hi,

    I have added the following CSS code to make what you wanted:

    /*stretch the footer widget*/
    @media (min-width: 992px){
    #colophon .col-md-6 {
    width: 100%;}
    }

    https://prnt.sc/qny41b

    • This reply was modified 4 years, 3 months ago by Zex.
    #23116
    Vladimir Berlizov
    Participant

    I can’t send text again, so I’m sending a picture

    yadi.sk/i/waHTF4rmJQZd9g

Viewing 15 posts - 106 through 120 (of 246 total)
  • You must be logged in to reply to this topic.