Set a link in child theme style.css to jump to #main [closed]

The simple answer is NO, You can not! CSS stand for Cascade Style Sheet which mean to style elements in cascade order. CSS can not change the DOM.

There are two ways to achieve it.

  1. Overriding header.php
  2. Using JavaScript or jQuery (Not recommended)

Method 1: Copy the header.php to your child theme and modify href link with what you want!
Example:

<a class="home-link" href="#main" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home">
    <h1 class="site-title"><?php bloginfo( 'name' ); ?></h1>
    <h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
</a>

Method 2: Personally I will not recommend it. It is better to have less js as much as possible. If you want to go with this solution you can ask this to stackoverflow.com

Related Posts:

  1. Versioning @import of parent theme’s style.css
  2. Attributing a version number to a child theme’s main stylesheet
  3. how do I queue my Child stylesheet/s *after* every Parent stylesheet/statement?
  4. Why is the Child Theme Stylesheet Not Loading?
  5. Give priority to child theme stylesheet
  6. How can I make new .css file in child theme override styles in child theme’s style.css
  7. Style.css in child theme is loaded before Bootstrap
  8. Overwrite CSS with without deleting it
  9. Child Theme vs. Jetpack Editor
  10. How do add a the style-mobile css from the main theme to the child theme?
  11. Child theme style.css isn’t overwriting parent style.css
  12. How to use custom stylesheet only for a template in child theme
  13. Order of stylesheets in child theme
  14. Child theme problem
  15. What is the correct workflow for modifying child themes?
  16. How can I get this child theme stylesheet to properly load? Or if it is correct, why doesn’t my child theme appearance match the parent?
  17. Child theme not importing parent styles
  18. Stylesheet overriding in Child theme
  19. Two stylesheets acting on one element
  20. WordPress Child Theme – twentyeleven
  21. Modify Twentyeleven child theme CSS – How to change body font size?
  22. Enqueuing multiple stylesheets with a child theme
  23. How to override styles from child theme if all the styles are in a folder?
  24. How to activate the child theme in WordPress?
  25. How to create my own style.css file in an wordpress child-theme
  26. How do themes provide support for child themes?
  27. Cannot get Child Theme to load latest version of style.css
  28. Child theme does not overwrite parent themes style.css
  29. How do I remove specific styles from the parent theme css using the child theme css?
  30. How to use parent theme’s enqueue methods
  31. How do I override a parent theme’s language files with a child theme?
  32. Do all files in child theme override the parent?
  33. add generated stylesheet from parent theme after child-themes style.css
  34. How to solve “Warning: Use of undefined constant” when overriding a parent theme function in the child theme?
  35. Developing a childtheme, how to disable the parents templates?
  36. Under heavy cache conditions, updating the parent theme don’t reflect changes with child theme enabled
  37. When activating a child theme, what core settings have to be reset ie; Custom Menus etc?
  38. Hwo to turn off “get_parent_theme_file_path” in child-theme?
  39. Customized widget area – how to override or filter class xoxo?
  40. Enqueue more than two CSS styles in a child theme functions.php
  41. How are updates to the style.css file in child theme recognized?
  42. Adding or modifying in files of parent theme via child’s function.php
  43. Child themes & updates?
  44. How do I copy my Parent Templates to my Child Templates?
  45. Where to put custom PHP files in a child theme?
  46. Why is “get_template_directory_uri” pointing to child theme?
  47. ERROR MESSAGE: Missing index.php—Child Theme
  48. How to make child theme ignore a parent themes template
  49. Conditionally load child themes
  50. Is my child theme working properly
  51. bbpress change the word forum, topic, reply in the forum to another word I choose
  52. How to load parent theme style.css?
  53. Overriding a parent theme folder in the child theme
  54. How do I override a sidebar that is registered in a parent theme when using a child theme?
  55. PHP loop that selects posts with a particular in-post option
  56. Child Theme Translations with PoEdit
  57. Someone created a child theme, but I need to modify it to reorder content. How do I access the child theme?
  58. Parent theme CSS overriding child CSS rules
  59. Child theme works in local environment but is not working on remote
  60. Tesseract child theme loads slow [closed]
  61. Localize strings for translation
  62. Add head and body function for google tag manager in child theme
  63. Child theme does not load all style
  64. Can I add customizer sections in the Twenty Seventeen theme?
  65. Child Theme with multiple css files
  66. Child theme not overriding ‘includes’ folder on server – on localhost it does
  67. How Child Themes Directory works for plugins?
  68. Why is this jquery / java script code not working in mobile / in devices?
  69. Not all CSS elements transferring via parent to child?
  70. The requested theme does not exist. Stylesheet is missing – error after changing style.css name to my-styles.css in wp child theme?
  71. Remove CSS Attribute by Overriding CSS in Child Theme
  72. Show full post in category archive pages in twenty-nineteen theme
  73. css media query question [closed]
  74. Parent theme styles overriding child theme CSS [closed]
  75. How to override template files in parent theme?
  76. LESS not working in WordPress [closed]
  77. style.css of child theme is not overwriting parents style.css for .box
  78. Change custom featured image size in twentythirteen child theme
  79. Can’t seem to get javascript code working from child theme
  80. Css will not display in webpage, after adding it in style.css in child theme
  81. Can I place “parent theme” inside a child theme folder?
  82. template_include doesn’t work with child theme
  83. Dequeing Parent Fontawesome Deques Parent Styles
  84. Remove Stylesheet by URL that has not been enqueued
  85. WordPress childtheme not loading any CSS/SCSS
  86. How to enqueue multiple style sheets into my child theme in wordpress (oceanwp)
  87. Swap SVG icons in child themes
  88. How to fix error message to edit sidebar widget text on a livesite childtheme?
  89. Child Theme Can’t Find Parent In a Folder
  90. Problems with child theme
  91. child theme showing all this extra information for following lines
  92. CSS in child theme to replace !important in parent theme
  93. Installation directory for WordPress and child theme
  94. How to include only modifications in child theme?
  95. Child Theme > Template
  96. Browser stacks different versions of style.css
  97. How to add modified php in child theme?
  98. WordPress | enqueue_scripts in a child’s theme returns error
  99. Child theme customizer preview doesn’t work/load
  100. theme.json should be in the child theme folder when using xxxx.json style located in the styles folder?