Homepage design change request

  • Posted in : ikonik
  • hexeric
    Participant

    dear pixelwars
    again, what a beautiful theme! this is my second one!

    1) how can i adjust the placement of the logo and title (together with tagline and marquee). i need it to be higher up due to a special background-image. like where it goes when i make the browser window smaller, it goes above the menu. i would like to adjust the hight via custom css if possible!

    2) is it possible to make use of the initial “music on/off” menu before the page loads to function as a language switch or similar? do i have control over that? i love it but do not need any music.

    3) is it possible to use the title without a logo but keep the background box? or replace the text completely and use an image as a logo title? we have a company text graphics we would place there instead of normal text. is this possible with custom css?

    general question: do i get any control over animation styles of the homepage? i understand the other pages are all elementor, but not the homepage. your older themes (at least the one i have, which is bookcard, had a “theme options” menu entry for all that).

    last one for now: is it possible to add a fontawesome icon to the social media icons in the left bottom corner? an envelope that opens an email adress for example?

    serkan
    Moderator

    Hi,
    You can add these custom css code;
    1)

    .home-heading { transform: translate(-15%, -40%) matrix(1, 0, 0, 1, 0, 0) !important; }

    2) Go to appearance > customize > general > choose Background Music Auto play no and save it.

    .play-music { display: none; }

    3) You can go to appearance > customize > site identity > you can control the logo but it is not possible to use two image logo at the same time by default.
    On the customizer, , you can customize a couple of things on the animation. Other than that, there is no complete customization over animations.
    You can check out this related topic;
    http://www.pixelwars.org/forums/topic/fontello-font/
    Thanks

    hexeric
    Participant

    thank you!

    one last thing: is it possible to give the tagline and marquee also a background?
    why does the background of the title go away when i remove the logo? can it stay?

    can the logo be also something non-square? does is resize? how about on mobile?

    hexeric
    Participant

    ah! the title can be moved now BUT on mobile and small browser sizes it DISAPPEARS! of course that’s not good :)

    hexeric
    Participant

    also: social Icons are missing from mobile view and on tablets! i think this came with the css changes.

    serkan
    Moderator

    Hi,
    You can use this custom css code;

    .home-job-title, .home-marquee { background: #f40505; }

    And this custom css code is setting up the background of the logo, you can play with it,
    .home-logo-center { padding: calc(2px + 1.2vw); }
    The social icons looks okay in mobile too, i just tested them.
    Thanks

    hexeric
    Participant

    ok, thanks! it works. but what about the title disappearing on mobile and small browser sizes?

    serkan
    Moderator

    Hi,
    Do you want to hide the tagline or title in the mobile?
    Thanks

    hexeric
    Participant

    no. i want everything to show up on mobile and small browser sizes. at the moment it hides itself which did not happen BEFORE the CSS change to move it up!

    hexeric
    Participant

    also: when loading the page “contact” is already being displayed while the rest of the menu is animated in later!

    serkan
    Moderator

    Hi,
    Which mobile device you are using? I just double-checked our demo website and all of them show up. Could you please provide me your wp admin details via our private content box below?
    Thanks

    hexeric
    Participant

    it happens on all of my devices, apple, huawei and samsung. also on the tablet: when in portrait mode, the title and logo box are missing. contact is always there and the other menu entries come in later. when in landscape, the title and logo are there (too high up) but the social media buttons are missing. weird.

    see the logins below. thanks.

    serkan
    Moderator

    Hi,
    I just edited this custom css code;

    .home-heading { transform: translate(-15%, -100%) matrix(1, 0, 0, 1, 0, 0) !important; }

    Could you contact your hosting company to increase the upload limit at least to 128mb?
    Thanks

    hexeric
    Participant

    i just did via a PHP plugin. it’s 200MB now

    serkan
    Moderator

    Hi @hexeric
    Do you have any problem now?
    Thanks

    hexeric
    Participant

    sadly yes, contact still the first thing i see, rest of menu comes later.

    title/logo/tagline there but way too high (cut off) and over the language switch (of course).

    also copyright goes over social links (could be fixed by a line break though)

    serkan
    Moderator

    Hi,
    Could you add these custom css codes;

    @media screen and (max-width: 991px) {
    .one-page-layout .home-heading {  margin-top: 17vh;  text-align: center !important; padding-left: calc(-17vw + 17vw); } }
    @media screen and (max-width: 991px) {
    .home-social { bottom: 2em !important; } }

    I just didn’t get why the contact looks first. Could you please take a video, upload it somewhere and share the url with me.
    Thanks

    hexeric
    Participant

    thanks! we are nearly there! only the problem with “contact” still persists. i made a screen recording here:

    serkan
    Moderator

    Hi,
    I will forward this topic to our developer and i will keep you updated.
    Thanks

    hexeric
    Participant

    thanks. after migrating to another server and re-installing everything, the issue is now gone! please ask your developer if there is anything to be done about polylang not working due to hashtags.

    serkan
    Moderator

    Okay, i will ask it as well. Thanks for your patience.

    hexeric
    Participant

    cool.
    do i have control over homepage font sizes (menu/title)?

    serkan
    Moderator

    Hi,
    You can use this custom css code;

    .home-menu .item-name { font-size: 4.4vh !important; }

    Thanks

    hexeric
    Participant

    any idea why the site takes a long time to load in only safari? other browsers on mac work swiftly and fine. in safari the site is black a long time before it goes into displaying content of the homepage.

    and: what’s the code to move the menu widget up? the big text i mean.

    serkan
    Moderator

    Hi,
    What do you mean by “the big text” ?
    If you have third party plugins, please deactivate them and try it again. If you still have the speed issue, i recommend you to contact with your hosting company.
    Thanks

    hexeric
    Participant

    i was talking about the homepage menu, how to move it up a bit.

    and it’s only slow in safari and stalls upon loading of the homepage. fast everywhere else (all other browsers and devices i have), safari does not use any plugins and hosting server is fine. switching off the caching and minifying plugins your theme installed helped but shouldn’t it be the other way around?

    serkan
    Moderator

    Hi,
    You can use this custom css code;

    .home-menu { top: 24%; }

    I will check the plugin settings if there is any issue related to plugin.
    Thanks for your patience.

    hexeric
    Participant

    thanks! is it possible to change widget elements placement in the footer? if i add another widget there it is being displayed stacked, i would like to have it next to each other inline.

    serkan
    Moderator

    Hi,
    The Ikonik theme’s footer is designed only for text element and social icons. It is not possible to add other widgets by default.
    Thanks

    serkan
    Moderator

    Hi,
    The Ikonik theme’s footer is designed only for text element and social icons. It is not possible to add other widgets by default.
    Thanks

    hexeric
    Participant

    but it works, i can add the language switch there (which acts as expected in comparison to the home menu) and i can also change how it is being displayed via the “ul” code you gave me (removing the bullet point). so i can add it, it works, if i can change the display, can’t i also change the placement? like you did in the code for placing the widget where the music player was?)

    serkan
    Moderator

    Hi,
    Could you try to use this custom css code;

    .home-footer ul:first-child { right: 235px; background: #000; position: absolute; top: -3px; width: 105px; height: 38px; padding-top: 9px; }

    Thanks

    hexeric
    Participant

    perfect. great! thanks!

    serkan
    Moderator

    You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

    alexislee001
    Participant

    Hello,

    Need Help!!!

    I was trying to change the site title and tagline under site identity. After I done the change and I found out my homepage looks different. About, resume, portfolio and contact are not showing on the homepage.

    serkan
    Moderator

    Hi,
    Please go to settings > reading > choose homepage and blog page. Also check settings > permalinks > choose post layout and save it.
    Thanks

    alexislee001
    Participant

    Hi Serkan,

    Thank you for your reply. I’ve tried to do what you say. But the homepage remains the same. After I type in http://www.youhuanhuan.com, the homepage looks different than the theme that I bought, it only shows one word – HOME and half picture. Where can I find my resume, portfolio or the contact information? All of them were showing before on the homepage.
    Thank you and look forward to hearing from you soon.

    serkan
    Moderator

    Hi @alexislee001
    Please go to appearance > widgets > homepage menu > drag and drop homepage menu items and choose the related pages and save it according to your menu.
    If you can not make it, provide me your wp admin details via our private content box below.
    Thanks

    alexislee001
    Participant

    Hey @serkan

    Would you please help me to redesign my homepage. Thank you!

    serkan
    Moderator

    Hi,
    I just edited homepage > on the right-hand side, under the page attribute, i chose homepage template and saved it.
    Thanks

    alexislee001
    Participant

    Hi @serkan

    Thank you so much for your help. You just did a great job!!! There is one more thing. How can I remove HOME tag out of my homepage? I only want to keep ABOUT, RESUME, PORTFOLIO and CONTACT.

    Thanks!

    serkan
    Moderator

    Hi,
    You can go to appearance > widgets > homepage menu > remove the homepage and save it.
    Thanks

    jaydee
    Participant

    Please on the homepage, how to I change the fly-in logo animation text that says web developer?

    https://ibb.co/DfRSsCk

    serkan
    Moderator

    Hi @jaydee,
    Please go to Appearance > customize > homepage settings > change home logo left(right) text and save it.
    Thanks

    jaydee
    Participant

    Sorted. Thank you!

    serkan
    Moderator

    You’re welcome, please don’t forget to rate the theme on themeforest if you liked it, thanks.

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

You must be logged in and have valid license to reply to this topic.

License required for the following item
Login and Registration Log in · Register